我正在尝试掌握不同设备的媒体查询。我尝试了我的新索尼 Xperia Z 手机,由于分辨率高,可以以全尺寸网站格式显示。如何添加媒体查询来重新调整网格大小和格式(如标准手机比例)?在 Xperia 上,字体也太小而无法阅读,需要显示得更大。对于像全尺寸显示器一样的视网膜设备来说,这是一个问题吗?
Xperia Z - 分辨率 1920 × 1080,PPI 443
如何包含此类设备的媒体查询?
该代码针对具有相同像素比的所有设备,这实际上正是您所需要的。
@media screen and (-webkit-device-pixel-ratio:3) {
body {font-size: 250%}
}
以下是设备及其设备像素比的列表:https://www.google.com/fusiontables/DataSource?docid=1N_eJYR_topuk3xmrOeNhYEsST_LAJikGKKzOQ2o
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)