以下のHTMLページをAndroidブラウザに読み込もうとすると、画像が解像度に応じてサイズ変更されません
<html>
<header>
<meta name="viewport"
content="width=device-width,initial-scale=1.0, maximum-scale=1.0, target-densityDpi=device-dpi" />
<link rel="stylesheet" href="file:///android_asset/style.css"
type="text/css">
</header>
<body>
<p>This is a sample.</p>
<br />
<p>This is a sample. this is a sample to test text alignment This is a sample. this is a sample to test text alignment This is a sample. this is a sample to test text alignment This is a sample. this is a sample to test text alignment This is a sample. this is a sample to test text alignment This is a sample. this is a sample to test text alignment This is a sample. this is a sample to test text alignment This is a sample. this is a sample to test text alignment This is a sample. this is a sample to test text alignment This is a sample. this is a sample to test text alignment This is a sample. this is a sample to test text alignment This is a sample. this is a sample to test text alignment </p>
<br />
<img align="center" class="centeraligned"
src="file:///mnt/sdcard/Android/data/com.sample.sample/sample.jpg"
height="600" width="630" />
<br />
</body>
</html>
ビューポートコンテンツの幅=600に設定すると、画像は問題なく表示されます。ただし、テキストは左揃えになります。ビューポートの設定がありませんか?
PS:テキストの配置の問題は、KindleFireHDとKindleFireClassicでのみ発生します。