Как мне решить проблему изменения размера страницы в Safari для 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'а должно быть хорошим обходным путем, так как divs повторно масштабируются масштабированием Safari.