3

他のすべてのモバイル ブラウザは、画像を直接 (画像を保持しているページではなく、画像を直接) 参照すると、画像がディスプレイと同じか幅が広い限り、画像を画面の幅に合わせて拡大縮小するようです。解像度。ただし、Android の Chrome では、画像が画面の左上隅に合わせて縮小されます。最新バージョンの Chrome を実行している複数のデバイスでこれをテストしました。

画像を希望どおりにChromeに表示するための解像度が見つからないように見えるので、ページを使用して画像を保持し、デバイスの幅に合わせてスケーリングする方法はありますか? OSやブラウザは？

事前にありがとう、ビームス

4

1 に答える 1

2

バグを報告しましたhttps://code.google.com/p/chromium/issues/detail?id=180239

考えられる解決策は、画像を含む Web ページを作成し、ビューポートを画像の幅に設定することです。

例えば

<doctype html>    
<html>
  <head>
     <style>* {margin: 0; padding: 0;}</style>
     <meta name="viewport" content="width=[WIDTH OF IMAGE HERE]" />
  </head>
  <body>
     <img src="[URL of IMAGE]" width="100%" />
  </body>
</html>

ここにあるサンプルを参照してくださいhttp://jsbin.com/ilequn/latest

于 2013-03-05T16:54:33.937 に答える