我正在创建一个新的站点,并收集了一些反馈,以便我开发CSS媒体查询,看看哪些分辨率是由一些设备报告的。
我让一些朋友测试css媒体查询,结果发现Iphone用户没有返回分辨率部分的结果。
归根结底,当我使用这段代码时
@media only screen and (min-resolution: 5dpi) {
h1 {color: orange;}
.desc1:after {content:" The resolution is for you";}
}
这适用于所有设备(台式机、android、chrome、firefox),但Iphones和Safar
我对CSS像素以及它们是否转化为设备的纯分辨率或物理宽度感到有点困惑。我的问题是,显示在1080 p 13英寸笔记本电脑上的内容是否与4k 13英寸笔记本上的内容相同?还是一切都会缩小?
(我使用的是(最大宽度)/(最小宽度)媒体查询,而不是(最大设备宽度)/(最小设备宽度),如果你们能帮我澄清这一点,我会很高兴的。