Javascript 页面宽度能否动态地取决于用户'；s缩放/缩放，在平板电脑上？

第1部分：（可能已解决，请参见第2部分） 使用meta viewport width=devicewidth可将您锁定到固定的页面宽度。 相反，我希望用户的缩放控制字体大小，但总是将页面宽度调整为 适应缩放的视口宽度。在桌面上调整浏览器窗口的大小时，实际上 这样做（将段落回流到更改的宽度）。 但平板电脑/手机的默认设置是围绕固定的页面宽度进行平移

背景：在手机/平板电脑上，我想让内容/段落适合用户的视口，这样他就不必“平移”视图。但我仍然希望缩放变得有用：我只希望它能够缩放文本。默认的行为是通过缩放来增加字体大小，这也迫使你不断地左右平移来阅读每一段，我认为这是没有用的。虽然我现在似乎是通过不断调整视口内容宽度来实现的，但由于缺乏经验，我不确定自己是否“刚刚实现了一个混乱”

第二部分：我自己想出了一种解决办法。所以是否有更好/更可靠的方法来实现这一点/跨平台？ 我添加了这个javascript事件侦听器，以便在调整窗口大小时动态更新视口宽度，并将视口设置为与“window.innerWidth”相同的宽度：

（假设您在元视口标记上设置了id“theviewport”。）

---

但是这是一种合理的方式吗？

您是否要求社区回答您的Javascript是否合理，或者“在平板电脑上，页面宽度是否可以动态地取决于用户的缩放比例”？这两个问题都是：“实现这一点最合理的方式是什么？”？（例如javascript），其次：这在跨平台上普遍可行，还是目标脆弱，最好放弃？与此同时，我正在获得使用该解决方案的经验（在安卓三星上），我觉得这是很多人在瞄准移动平台时想要使用的东西：你的用户可以使用缩放来控制阅读字体/渲染大小，但他避免了有问题的“围绕邮票平移”废话，这种移动缩放通常会导致。是否

em

根据总屏幕宽度创建大小？可能会，但我希望段落在可见视口范围内换行。

window.addEventListener( "resize", function(e) {
  var mv = document.getElementById('theviewport');
  mv.setAttribute('content','width='+window.innerWidth);
});