0
부트 스트랩 3 개 미디어 중단있다 중단 점매체
I 단지 모바일이 아닌 휴대 제 최소 폭 및 최대 폭에서 동일하게 기술 된 이유를 이해 해달라고/*========== Mobile First Method ==========*/
/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
}
/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}
/*========== Non-Mobile First Method ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
}
. 예를 들어 태블릿의 최소 너비 = 768px를 의미하므로 모든 너비가 768을 초과하고 태블릿의 최대 너비가 768인데 이는 < 768px를 의미합니다. 태블릿의 모바일 우선 표시 = 768-991px 비 모바일 상태에서 481-768