動態視口元標記iOS

Question

我有一個顯示電子郵件新聞通訊的iPad應用程序。 將此HTML內容提取並嵌入到WebView中。 大多數時事通訊寬度為650像素，但有些則為900像素左右。

默認情況下，它們顯示的太小（iPad設備的寬度為768px），所以我想使其縮放以填充頁面（我只關心寬度-垂直滾動是可以的）。

使用viewport meta標簽，如果我將650px硬編碼為設備寬度，它將截斷900px寬的新聞通訊。 另外，設置顯式寬度會禁用調整視口的大小：

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

但是，如果我將其設置為可變的設備寬度，則廣告系列會被屏幕“擠壓”，並偏離中心顯示：

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

有沒有一種方法可以動態指定寬度，如果廣告系列<= 650，則將其設置為650，否則將其設置為900？ 本質上，我試圖基於新聞通訊的寬度動態設置固定視口。 我可以改用@viewport CSS規則嗎？

Answer 1

我最終從另一個類似的問題中使用該策略解決了這個問題：

拉伸/調整HTML模板和將子級添加到窗口

在我看來，最好是在加載新聞通訊后使用JS動態縮放新聞通訊，而不是更改視口元。