如何在Safari for Windows中处理此页面调整大小问题？

Question

我使用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> 

Answer 1

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

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

如果它仍然不起作用，将图像作为div的背景应该是一个很好的解决方法，因为div的缩放是由Safari的缩放afaik。