1

幅640pxのデザインをベースに、モバイル専用サイト(iemexample.com)のコーディングを行っています。

次の観点から、モバイル サイトのコーディングを開始するにはどうすればよいですか。

  1. メタ ビューポート
  2. ピクセルベースの幅

どのビューポートを使用しますか? 次の違いについて、オンラインで多くの議論を見てきました。

  <meta name="viewport" content="width=device-width, user-scalable=no">

と

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

また、ボディの幅をパーセンテージで設定するか、モバイル用の固定幅 (320px など) に設定しますか? 幅 640px でデザインされたデザインを 320px で適切に表示するにはどうすればよいですか?

4

1 に答える 1

1

私は実際に次のものを使用します：

初期スケールと最大スケールとともに、幅をデバイス固有の幅に設定できると思います。

正直なところ、ユーザースケーラブルを含めても違いはないと思います。

上記を iPhone、Android、および Windows Phone でテストしたところ、魅力的に動作します。

于 2012-05-16T13:30:11.523 に答える