LOGSTACK

Tips for programming

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

HTML/CSS

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

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

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

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

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


Leave a comment