javascript - Android 浏览器设置元素大小太小

Question

我有一个使用元标记 <meta name="viewport" content="width=device-width, target-densityDpi=device-dpi"> 的网站，为 body 格式化 css 的 Javascript屏幕宽度和高度，以及内部具有基于百分比的宽度的元素。

在桌面上，这工作正常。但是，在我的 Android 手机和平板电脑的浏览器上，内容无法正确缩放 - 一切都太小了，双击缩放会放大到正确的大小(但不会显示整个页面宽度)。这在纵向和横向模式下都会发生，并且缩放级别看起来相同或至少相似。

我有一个警报出现，告诉我 javascript 将正文宽度和高度格式化为什么，它总是正确的，但浏览器感觉需要加载，就好像窗口的大小实际上更大一样。

我知道浏览器会混淆 CSS 像素和真实像素，但我认为元标记应该可以解决所有这些问题。

那么如何让浏览器将页面加载到真正的 100% 屏幕尺寸，而不是某种 ~125% 的尺寸？

Answer 1

添加

user-scalable=no

对于您的视口(viewport)元标记，这(至少在我的测试中)强制浏览器以指定的宽度显示，而不是用户/浏览器的偏好。