我有一个网站使用元标记<meta name="viewport" content="width=device-width, target-densityDpi=device-dpi">，Javascript格式化body的css来筛选宽度和高度，以及内部具有基于百分比的宽度的元素。
在桌面上，这很好用。但是，在我的Android手机和平板电脑的浏览器上，内容没有正确缩放 - 一切都只是太小了，双击缩放可以缩放到合适的尺寸（而不是显示整个页面宽度）。在纵向和横向模式下都会发生这种情况，并且缩放级别看起来相同或至少相似。
我有一个警告，告诉我javascript已将主体宽度和高度格式化为，并且它始终是正确的，但浏览器感觉需要加载，就好像窗口的大小实际上更大。
我知道浏览器在CSS像素和真实像素之间混淆了一些废话，但我认为那里的元标记应该能解决所有问题。
那么如何让浏览器将页面加载到真正的100％屏幕大小，而不是某种~125％的大小？
答案 0 :(得分：1)
添加
user-scalable=no
到您的视口元标记，这（至少在我的测试中）强制浏览器以指定的宽度而不是用户/浏览器首选项显示。