0

我有一个显示电子邮件通讯的 iPad 应用程序。此 HTML 内容被提取并嵌入到 WebView 中。大多数时事通讯宽度为 650 像素，但有些则为 900 像素左右。

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

使用视口元标记，如果我将 650 像素硬编码为设备宽度，它将切断 900 像素宽的时事通讯。此外，设置显式宽度会禁用调整视口的大小：

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

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

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

有没有办法动态指定宽度，如果活动 <= 650 则将其设置为 650，否则设置为 900？本质上，我试图根据时事通讯的宽度动态设置一个固定的视口。我可以改用@viewport CSS 规则吗？

4

1 回答 1

1

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

拉伸/适合 HTML 模板和子窗口

在我的案例中，与其更改视口元数据，不如在加载时使用 JS 动态缩放时事通讯。

于 2013-06-30T08:37:12.530 回答