0

このクエリを使用してレイアウトをインポートする:

@media screen and (min-width : 320px) and (max-width : 640px)

これは URL です: http://www2.madeinweb.com.br/jobs/adc/prototype/html/

最初は、サイズ変更されたブラウザのみで作業していました。しかし、モバイル デバイス (iPhone 4、5、iPod 4、Galaxy S2) で確認しようとすると、劇的に異なっていました。

だから私はモバイルビューに焦点を当てて作業を開始しました（これはWebビューなので、閲覧のサイズ変更は問題ではありません）が、Galaxy S3から表示しようとすると、ブラウザからの結果はほとんど同じでした（ひどい） .

S3はブラウザと同じように（私が知る限り）本来あるべきように動作していることは知っていますが、他のデバイスはどうですか、そこで何が間違っていますか？

4

1 に答える 1

1

多くの場合、モバイル デバイスは画面に合わせてコンテンツをスケーリングします。サイトがモバイル フレンドリーであり、ピクセルをスケーリングしないことをデバイスに伝える必要があります。

これを html ファイルの先頭に追加します。

<meta content="True" name="HandheldFriendly">
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
<meta name="viewport" content="width=device-width">

これは、ほとんどの Android デバイスで機能するはずです。iPhone では、別のメタ タグが必要な場合と必要でない場合があります。

于 2013-03-05T14:34:02.530 に答える