Safari for Windowsでこのページのサイズ変更の問題を処理するにはどうすればよいですか？

私はfirefoxとSafariを使って次のコードをテストしました。私はFirefoxを使ってページを拡大したときにテキストと画像の縮尺を変更しました。しかしSafariでは、ページをズームしたときに、画像は元の画像と同じサイズになりました。どのようにしてSafariで写真とテキストの両方を拡大縮小できるように修正できますか？Safari for Windowsでこのページのサイズ変更の問題を処理するにはどうすればよいですか？

<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>

出典

2011-06-29 Vimal Basdeo

実際にはわからないが、これはおそらくSafari（WebKit）の「機能」だと思う。画像をズームしても実際には解像度は上がりません。それはそれを伸ばすだけであり、必然的な歪み、ピクセル化、および品質の低下を引き起こす。ユーザーが実際にこれを望むことはほとんどありません。彼らは読みやすいようにテキストを大きくしています。イメージは同じサイズのままでなければなりません。ページレイアウトの目的でイメージを使用している場合は、すでに間違っています。 –

サイズを変更できるインラインスタイルで試してください。それでも動作しない場合のdivは私の知る限り、Safariのズームによってredimensionedされているよう

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

は、いくつかのdivの背景としてあなたのイメージを置くことは良い回避策でなければなりません。

出典

2011-06-29 14:58:01

インラインスタイルか回避策が効果的かどうかは正確ですか？ –

Safari for Windowsでこのページのサイズ変更の問題を処理するにはどうすればよいですか？

答えて

関連する問題