0

あらゆるポータブル デバイスに適合し、画面いっぱいに表示され、コンテンツのサイズが動的に変更される HTML ページを作成したいと考えています。また、iPhone と Android でも動作するはずです。また、ユーザーがページのサイズを変更できないようにする必要があります。

私はこれらのアイデアを試しました：

  • レイアウトを幅100％にしますが、ユーザーはズームイン/ズームアウトできます
  • DIV タグを使用しましたが、iPad では画面いっぱいになりませんでしたが、iPhone ではうまく機能します。

あなたが私を助ける良い考えを持っていることを願っています.

4

1 に答える 1

1

パーセンテージを使用してみて、結果に満足できない場合は、CSS メディア クエリの使用を検討することをお勧めします。Web サイトが表示されている解像度を特定することで、各デバイスに合わせて最適化できます。

モバイル デバイスで Web サイトのズームを無効にする場合は、次のように追加してください。

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
于 2012-12-01T23:34:57.707 に答える