菜鸟教程小白 发表于 2022-12-12 09:36:35

html - 如何将图片的宽度调整为其 webview 的宽度


                                            <p><p>我有一个特定大小的 WebView :</p>

<pre><code>    let webviewwidth:CGFloat=self.view.frame.width * 0.85;
    let webviewheigth:CGFloat=(self.view.frame.height - navbarHeigth) * 0.85;

    myWebView = UIWebView(frame: CGRectMake(0, navbarHeigth , webviewwidth, webviewheigth));
</code></pre>

<p>内容为:</p>

<pre><code>&lt;img src=&#34;myimage.jpg&#34; width=????? alt=&#34;&#34; border=0&gt;&lt;br&gt;
</code></pre>

<p>如何将图像的大小 (?????) 设置为其 webview 的大小？
将 HTML 中的宽度设置为 webviewsize 时，它​​会很大，因为 webview 的宽度以点为单位而不是像素。 </p>

<p>有什么提示吗？</p></p>
                                    <br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
                                            <p><p>这是我在 webview 中用于 img 的 css</p>

<pre><code>img {max-width: 100%;height: auto;margin-left: auto;margin-right: auto;}
</code></pre>

<p>如果您希望每个 img 宽度为 100%，只需将 <code>max-width</code> 替换为 <code>width</code></p></p>
                                   
                                                <p style="font-size: 20px;">关于html - 如何将图片的宽度调整为其 webview 的宽度，我们在Stack Overflow上找到一个类似的问题：
                                                        <a href="https://stackoverflow.com/questions/33410554/" rel="noreferrer noopener nofollow" style="color: red;">
                                                                https://stackoverflow.com/questions/33410554/
                                                        </a>
                                                </p>
                                       
页: [1]
查看完整版本: html - 如何将图片的宽度调整为其 webview 的宽度