0

iOSSafariで次のHTMLコードを試しています。

<!DOCTYPE html>
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
        <title>HTML5 test</title>
    </head>
<body>
    <img src="image.jpg" width="100" alt="Image" />
</body>
</html>

デスクトップブラウザでは問題なく表示されます。ただし、iOS Safari（iOS 5、iPhone）では、画像の幅は200pxです。スケール1.0のビューポートを使用したので、100pxになるはずですが、そうではありません-なぜですか？

4

1 に答える 1

0

画面は解像度に比べて非常に小さいため、ブラウザの論理ピクセルは実際の2つの画面ピクセルです。

スケール1.0を使用すると、画像ピクセルと論理ピクセルの間に1対1の関係が得られ、画像ピクセルと実際の画面ピクセルの間に1対2の関係が得られます。

于 2012-08-30T18:17:35.303 に答える