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

Question

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

在桌面上,这很好用.但是,在我的Android手机和平板电脑的浏览器上,内容没有正确缩放 - 一切都只是太小了,双击缩放可以缩放到合适的尺寸(而不是显示整个页面宽度).这在纵向和横向模式下都会发生,并且缩放级别看起来相同或至少相似.

我有一个警告,告诉我javascript格式化了身体宽度和高度,并且总是正确的,但浏览器感觉需要加载,就像窗口的大小实际上更大.

我知道浏览器在CSS像素和真实像素之间混淆了一些废话,但我认为那里的元标记应该能解决所有问题.

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

Answer 1

添加

user-scalable=no

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