2

携帯サイトを作っています。

このメタタグを使用しました

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

そして、これが私のデバイスと、それらが示した「clientWidth」です

.iPhone4(640x960), Safari Browser : 320 x 480
.LG L7(480x800), Google Chrome, FireFox : 320 x 480
.HTC Desire HD (480x800), Google Chrome, FireFox: 320 x 480
.Samsung Galaxy S2 (480x800), Google Chrome, FireFox : 320 x 480

概要: モバイル Web は他のデバイス、ブラウザーで実行されますが、clientWidth は同じです。では、全画面デバイスを使用してウェブサイトにアクセスするにはどうすればよいですか

4

1 に答える 1

1

そこでメタタグを使用してデバイスの幅を見つける代わりに、Javascriptを使用してdocument.widthまたはを出力してみてくださいscreen.width。

それらの1つには、探している番号が含まれている必要があります。

初期スケールと最大スケールを設定することで、何があってもズームできなくなると思います。このような場合、コンテンツはstyle = "width：100％"または同様のトリックを使用して画面全体に表示されるため、width=device-widthは不要に見えます。これはあなたにとって意味がありますか/うまくいきますか？

于 2012-11-19T03:27:39.890 に答える