如何处理 Windows 版 Safari 中的页面调整大小问题?

发布于 2024-11-17 20:02:16 字数 517 浏览 7 评论 0原文

我使用firefox和Safari测试了以下代码。当我在firefox中缩放页面时,文本和图片都被缩放。但是,在Safari中,当我放大页面时,只有文本可以缩放,图片保持与原始尺寸相同..我该如何解决这个问题,以便在 Safari 中图片和文本都可以缩放?

 <div id="head1">
        <img src="images/homepage_09.png" width="397px" height="162px" alt="Nopic" title="" id="img_logo"/>
        <img src="images/homepage_04.png" width="322px" height="275px" alt="Nopic" title="" id="img_pic1" />
        <p id="txt_1">Scientific name "crocothemis order – mantodea"</p>
    </div> 

I tested the following code using firefox and Safari.When I zoomed the page in firefox, the text as well as the picture was scaled..However,in Safari,when I zoomed on the page, only the text could be scaled,the pictiure remained the same size as the original one..How can I fix this so that in Safari both the picture and the text can be scaled?

 <div id="head1">
        <img src="images/homepage_09.png" width="397px" height="162px" alt="Nopic" title="" id="img_logo"/>
        <img src="images/homepage_04.png" width="322px" height="275px" alt="Nopic" title="" id="img_pic1" />
        <p id="txt_1">Scientific name "crocothemis order – mantodea"</p>
    </div> 

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

蓝眸 2024-11-24 20:02:16

您应该尝试使用可以调整大小的内联样式。

<img src="images/homepage_04.png" style="width:322px;height:275px;" alt="Nopic" title="" id="img_pic1"/>

如果仍然不起作用,将图像作为某些 div 的背景应该是一个很好的解决方法,因为 Safari 的缩放功能会重新调整 div 的尺寸。

You should try with inline style that could be resized.

<img src="images/homepage_04.png" style="width:322px;height:275px;" alt="Nopic" title="" id="img_pic1"/>

If it still doesn't work, putting your images as some div's background should be a good workaround as divs are redimensioned by Safari's zoom afaik.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文