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

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

在桌面上，这很好用。不过，在我的安卓手机和平板电脑浏览器上，内容的缩放比例不正确——所有内容都有点太小，双击缩放会放大到合适的大小（而不会显示整个页面宽度）。这种情况在纵向和横向模式下都会发生，并且缩放级别看起来是相同的，或者至少是相似的。

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

我知道浏览器在CSS像素和真实像素之间混淆是无稽之谈，但我认为那里的元标签应该解决所有这些问题。

那么，我如何让浏览器将页面加载到真正的100%屏幕大小，而不是大约125%的大小呢？