平板电脑的页面宽度是否会动态依赖于用户的缩放/缩放？

Question

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

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

第2部分：我自己已经找到了一种解决方案。那么......是否有更好/更强大的方法来实现这个/跨平台？   我添加了这个javascript事件监听器，只是在窗口调整大小时动态更新视口宽度，并将视口设置为与'window.innerWidth'相同的宽度：

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

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

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