5

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

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

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

我知道浏览器会混淆 CSS 像素和真实像素之间存在一些胡说八道,但我认为元标记应该可以解决所有这些问题。

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

4

1 回答 1

1

添加

user-scalable=no

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

于 2012-09-27T08:24:06.260 回答