제가 아래와 같이 미디어 쿼리를 만들었습니다.
인터넷 해당도를 참고해서 만들었는데
모든 아이폰이 맨마지막에 미디어쿼리만 타버립니다.
@media only screen and (min-device-width : 375px) and (max-device-width: 667px) and (orientation : portrait) {
/* iPhone 6, 6s, 7, 8 */
}
@media only screen and (min-device-width : 414px) and (max-device-width: 736px) and (orientation : portrait) {
/* iPhone 6+, 6s+, 7+, 8+ */
}
@media only screen and (min-device-width : 375px) and (max-device-width: 812px) and (orientation : portrait) {
/* iPhone X */
}
@media only screen and (min-device-width : 375px) and (max-device-width : 896px) and (orientation : portrait) {
/* iPhone XS */
}
https://www.thewordcracker.com/miscellaneous/media-query-for-mobile-devices-such-as-iphone-nad-ipad/
이사이트를 보고했는데, 맨마지막에 xs 미디어쿼리만 타버리는데 왜 그러는건가요?
답변 2개 / 댓글 1개
답변을 작성하려면 로그인이 필요합니다.
왜그런지모르겟습니다~ 혹시 오타라도 있는건가요?
@media only screen and (max-device-width: 667px) and (orientation : portrait) {
/* iPhone 6, 6s, 7, 8 */
}
@media only screen and (max-device-width: 736px) and (orientation : portrait) {
/* iPhone 6+, 6s+, 7+, 8+ */
}
@media only screen and (max-device-width: 812px) and (orientation : portrait) {
/* iPhone X */
}
@media only screen and (max-device-width : 896px) and (orientation : portrait) {
/* iPhone XS */
}