使 webView 文本大小正确但又保留 <img> 大小?

问题描述 投票:0回答:1

我正在我的应用程序中加载 WKWebView (iOS) 并添加一些标签以使加载的字符串看起来正常。这是一个例子

htmlString = "<!DOCTYPE html><html><meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no'><body style=\"margin:0; text-size-adjust: 100%; font-family: Arial; font-size: 12px;!important\">" + (self.marker?.storeAccess ?? "") + "</body></html>"

其中

self.marker?.storeAccess
是我的数据。

我在许多论坛上读到,这行

initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0
将使我的文本成为“正常大小”,因为最初它太小而无法阅读。这很好,它有效。但这也导致
<img>
溢出我的
webView
并被切成右半部分。我想知道有没有办法同时满足
text-size
img-width

我尝试过类似的东西

img {
    max-width: 100%;
    height: auto;
  }

但没有成功。

html css ios wkwebview
1个回答
0
投票

你可以试试这个:

overflow-x: hidden;

© www.soinside.com 2019 - 2024. All rights reserved.