LOGSTACK

Tips for programming

Daily Archives / 火曜日, 2月 16, 2016

  • 2月 16 / 2016
  • 0
HTML/CSS

viewportにピクセル指定するとAndroidで拡大表示される問題

スマホ向けサイトを作っている場面において、
デザインが固定幅とすると、viewportにdevice-widthではなくピクセル指定したい場合があります。

とするとうまくいくのですが、
ピンチによる拡大縮小を禁止したい場合、user-scalable=noをつけます。

iOS端末はこれで問題ないのですが、
Android端末において拡大表示される(画面がはみ出る)問題が出てしまいます。
そこで、Android向けにもう一つ属性を追加します。

とすることで端末横幅にきっちり収まるようになります。