我有一个使用元标记的网站<meta name="viewport" content="width=device-width, target-densityDpi=device-dpi">
,将 CSS 格式化为body
屏幕宽度和高度的 Javascript,以及内部具有基于百分比的宽度的元素。
在桌面上,这工作正常。但是,在我的 Android 手机和平板电脑的浏览器上,内容无法正确缩放 - 一切都太小了,双击放大到正确的大小(而不显示整个页面宽度)。这在纵向和横向模式下都会发生,并且缩放级别看起来是相同的,或者至少是相似的。
我有一个警报告诉我 javascript 将正文宽度和高度格式化为什么,它总是正确的,但浏览器觉得需要加载,好像窗口的大小实际上更大。
我知道浏览器会混淆 CSS 像素和真实像素之间存在一些胡说八道,但我认为元标记应该可以解决所有这些问题。
那么如何让浏览器将页面加载到真正的 100% 屏幕尺寸,而不是某种 ~125% 的尺寸?