我刚刚推出了我的网站的浏览器移动版本,在我尝试过的所有设备上看起来都符合预期,包括通过 Chrome DevTools 的设备模拟器使用的许多不同尺寸的设备。
但是,一位用户刚刚报告说,他在 OnePlus 3T 智能手机上看到的图像和文本都太大了。
预期的智能手机布局:
OnePlus 3T 布局:
我试图在 Chrome 的设备模拟器中重现它,但没有成功。
我在 font-size
和 height
的 CSS 中使用 px 作为单位。
OnePlus 3T的屏幕有以下规范,我觉得很正常:
Size 5.5 inches, 83.4 cm2 (~73.1% screen-to-body ratio)
Resolution 1080 x 1920 pixels, 16:9 ratio (~401 ppi density)
知道为什么一切都显得那么大吗?
Here指向其中一种布局的链接,以备不时之需。
更新
显然,问题与元标记有关
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
智能手机以某种方式应用元标记,或产生相同效果的东西...
最佳答案
听起来很明显,但他是否在 Android 设置 > 显示下更改了字体大小或显示大小?
关于html - 通过智能手机 OnePlus 3T 在网站上的字体大小和 img 高度太大,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49321863/