-webkit-min-device-pixel-ratio的顺序问题
因为非Retina屏的iPad的-webkit-min-device-pixel-ratio是1.0
Retina屏的设备是2.0。所以如果想对这两类设备分别设置css样式时,可以使用
@media screen and (-webkit-min-device-pixel-ratio: 1.0)和@media screen and (-webkit-min-device-pixel-ratio: 2.0)来区分。但是要注意顺序,如果2.0在前1.0在后并且设置的属性相同而值不同,那么Retina屏的设备的同属性的样式会被2.0的覆盖。必须把2.0放在1.0之后,例如:
@media screen and (-webkit-min-device-pixel-ratio: 1.0){
div {
background-color: red;
}
}
@media screen and (-webkit-min-device-pixel-ratio: 2.0){
div {
background-color: green;
}
}
相关推荐
xilove0 2020-05-30
fengyeezju 2020-02-20
万里之书 2019-11-17
chesejiaofu 2019-10-09
木心 2019-06-17
pygain 2019-08-07
hebujiji 2019-06-05
zhanliming 2019-05-07
xiaoyinduzhina 2019-04-02
crazyyangrong 2019-03-05
taiyangshenniao 2019-06-29
csscode 2019-06-28
FZfeng 2014-06-05
semjinghua 2013-05-30
黑客与安全 2016-09-24
windowsIOS 2015-09-29
shimeish 2015-03-12
UESchool 2019-05-09