小编rob*_*i32的帖子

CSS媒体查询相互覆盖

感谢Stack Overflow提供帮助.我有一些自定义css我用来收紧设计.我一直在遇到这个问题,如果我在一个媒体查询中改变了某些内容,那么对于iphone 6来说,那个改变会影响另一个设备,比如iphone 5.它变成了这个问题,我不断调整,看不到任何目的.这是我正在使用的@media断点.

/* IPHONE 6 PLUS */
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : portrait) { 

}

/* IPHONE 6 */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px)
and (orientation : portrait) { 

}
/* IPHONE 5s */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) {

}

/* IPAD LAYOUTS */
@media only screen 
and (min-device-width : 768px) 
and …
Run Code Online (Sandbox Code Playgroud)

html css iphone wordpress responsive-design

8
推荐指数
1
解决办法
1696
查看次数

标签 统计

css ×1

html ×1

iphone ×1

responsive-design ×1

wordpress ×1