html - 动态视口(viewport)元标记 ios

Question

我有一个显示电子邮件通讯的 iPad 应用程序。该 HTML 内容被拉出并嵌入到 WebView 中。大多数简讯宽度为 650 像素，但有些约为 900 像素。

默认情况下，它们显示太小(iPad 设备宽度为 768px)，因此我想让它缩放以填充页面(我只关心宽度 - 垂直滚动就可以了)。

使用视口(viewport)元标记，如果我将 650px 硬编码为设备宽度，它将截断 900px 宽的新闻通讯。此外，设置显式宽度会禁用调整视口(viewport)大小:

<meta name="viewport" content="width=650, initial-scale=1">

但是，如果我将其设置为可变设备宽度，则广告事件会被屏幕“挤压”并偏离中心显示:

<meta name="viewport" content="width=device-width, initial-scale=1">

是否有一种方法可以动态指定宽度，以便在事件 <= 650 时将其设置为 650，否则将其设置为 900？本质上，我试图根据新闻通讯宽度动态设置固定视口(viewport)。我可以改用 @viewport CSS 规则吗？

Answer 1

我最终使用其他类似问题中的策略解决了这个问题:

Stretch/Fit HTML Template and Children to Window

在我的例子中，在新闻通讯加载后使用 JS 动态缩放新闻通讯效果更好，而不是更改视口(viewport)元。