Question

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

默认情况下，它们显示得太小（iPad设备宽度为768px），所以我想让它缩放以填充页面（我只关注宽度 - 垂直滚动是可以的）。

使用视口元标记，如果我将650px硬编码为设备宽度，它将切断900px宽的新闻简报。此外，设置显式宽度会禁用调整视口大小：

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

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

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

有没有办法动态指定宽度，如果广告系列是＆lt; = 650则将其设置为650，否则为900？本质上，我正在尝试根据简报宽度动态设置固定视口。我可以使用@viewport CSS规则吗？

Answer 1

我最后使用其他类似问题的策略解决了这个问题：

在我的情况下，不是更改视口元素，而是在加载后使用JS动态扩展新闻简报。