在Chrome上模拟iPhone X.
Sam*_*ath 5 google-chrome ios google-chrome-devtools iphone-x
我需要在Chrome上模拟iPhone X. 我找到了以下信息:
Height: 5.65 inches (143.6 mm)
Width: 2.79 inches (70.9 mm)
你能告诉我应该给下面的表格提供哪些值？
这是设备的像素比例(DPR)是
如果要从非Retina机器模拟Retina设备,反之亦然,请调整设备像素比率.器件像素比(DPR)是逻辑像素和物理像素之间的比率.具有Retina显示器的设备(例如Nexus 6P)具有比标准设备更高的像素密度,这会影响视觉内容的清晰度和大小.
根据iPhone X人机界面指南,您应输入:
- 375为宽度
- 812为高度
- 3为器件像素比
因为比例系数为3,则应该划分的物理分辨率(1125px×2436px)3,以获得合理的解决.
对于用户代理字符串,请查看此答案.
- 需要注意的一件事是，Chrome 会在不考虑浏览器 chrome/UI 的情况下模拟屏幕大小阅读这些以获取更多信息：http://www.kylejlarson.com/blog/iphone-6-screen-size-web -design-tips/ http://www.kylejlarson.com/blog/ipad-screen-size-guide-web-design-tips/ (3认同)