モバイルアクセス用のWebサイトを設計していますが、ページの幅、高さ、ボタンのサイズを設定して、画面全体に表示されるようにします。たとえば、ユーザーがHTC HDを使用している場合、画面全体は480x800で、ボタンのサイズは240x200になります。ただし、IE mobileとOperaは、ある程度のズームレベルでページをロードするため、ボタンの表示が大きすぎるか小さすぎます。JavaScriptで現在のズームレベルを読み取るか、JavaScriptから設定するにはどうすればよいですか？
7652 次
2 に答える
5
をご覧ください<meta name="viewport">。(AFAIK) iPhone、Android、Blackberry、Opera Mobile、IE6 Mobile など、さまざまなモバイル プラットフォームでサポートされています。基本的に、デバイスの幅、ズーム レベル、および最大/最小ズームを事前に設定できます。詳細については、Apple 開発者サイトをご覧ください。
また、CSS メディア クエリを使用してブラウザーの形状とサイズを検出し、それに応じてさまざまなレイアウト (など) を提供することもできます。繰り返しますが、これらはかなり広くサポートされており、Apple 開発者サイトに詳細が記載されています。
于 2010-04-06T11:19:48.000 に答える
0
JavaScript は、まだすべての携帯電話で広くサポートされているわけではないため、モバイル デバイスでの JavaScript の使用に頼るべきではありません。代わりに、ページの幅をブラウザの幅と同じに設定して、ページが 100% で表示されるようにする必要があります。body {width: 100%; margin: 0; padding: 0;}
ボタンに関しては、ページが読み込まれる前にブラウザーの幅を検出できる場合は、相対値を使用するか、別の画像サイズを使用する必要があります。
于 2010-04-06T11:03:40.317 に答える