0

モバイル、大きなフォント、大きな画像などに最適化された Web サイトがあります。現在、次のビューポートがあります。

<meta name="viewport" content="width=640, user-scalable=no, maximum-scale=1">

これは、これまでにテストしたすべてのデバイスでうまく機能します。ただし、解像度が 640 より大きい iPad (最初のもの) では、右側に余白ができました。

デバイスによってはズームインしたりズームアウトしたりしたいのですが、これはできますか？

4

1 に答える 1

1

問題はmaximum-scale=1プロパティによって引き起こされます。ビューポートのサイズ (640px) は iPad のディスプレイの幅よりも小さいですが、縮尺が 100% に固定されているため、Safari はこの空白を取り除くためにズームインしません。maximum-scale=1プロパティを削除すると、空白が消えるはずです。

于 2013-01-04T16:11:36.650 に答える