<分区>
我正在尝试为具有 2dppx 像素比的设备应用一些 css 规则,为具有 3dppx 或更高像素比的设备应用一些其他规则。
因为我只针对小型设备(手机和平板电脑,但没有视网膜笔记本电脑或电视),所以我有一个围绕其他两个的最大宽度媒体查询。 (已编辑:删除此媒体查询并不能解决问题)。
@media only screen and (max-width: 40em) {
@media screen and (min-device-pixel-ratio: 2dppx) and (max-device-pixel-ratio: 2.9dppx){
$base-font-size: 150%;
}
@media screen and (min-device-pixel-ratio: 3dppx) {
$base-font-size: 180%;
}
}
但是当我在我的 iPhone 5s(2dppx)上运行网络时,我可以看到 base-font-size
等于 180%,所以它似乎采用了错误的样式。为什么会这样?