응답 식 레이아웃 장치 경계 점

http://v3.bootcss.com/css/#overview-doctype
 Bootstrap 
/*
( , 768px) */ /* , Bootstrap ( Bootstrap ?) */ /* ( , 768px) */ @media (min-width: @screen-sm-min) { ... } /* ( , 992px) */ @media (min-width: @screen-md-min) { ... } /* ( , 1200px) */ @media (min-width: @screen-lg-min) { ... }


 max-width  CSS
@media (max-width: @screen-xs-max) { ... } @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { ... } @media (min-width: @screen-md-min) and (max-width: @screen-md-max) { ... } @media (min-width: @screen-lg-min) { ... }

 
 
 
@media (min-width:480px) and (max-width: 767px) 
@media (min-width:768px) and (max-width: 992px)
@media (max-width: 479px) 
@media all and (-webkit-min-device-pixel-ratio: 2), all and (-moz-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 2), all and (-o-min-device-pixel-ratio: 2/1)
@media (max-width: 479px) and (-webkit-min-device-pixel-ratio: 2), all and (-moz-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 2), all and (-o-min-device-pixel-ratio: 2/1)
 

좋은 웹페이지 즐겨찾기