2016-12-21 15 views
0

Googleのウェブサイトには、モバイルとデスクトップの2つのバージョンがあり、すべてのデバイスに同じ幅で表示される固定幅が必要です。ウェブサイトが現在使用している:固定幅の、デバイスの幅に合わせたビューポートのメタタグ

<meta name="viewport" content="width=750; user-scalable=no" /> 
<meta name="MobileOptimized" content="750"> 

をそれは、ほとんどの場合はうまく動作しますが、私たちのモバイル版は750pxの幅を持っており、デバイスのビューポートのサイズに縮小し、スケーラブルではありません。古いAndroid搭載デバイスでは動作しません(4.3までテストされましたが、それ以降のバージョンも影響を受ける可能性があります)。

[編集:この問題はネイティブAndroidブラウザにも当てはまるようです。 Chromeは正しく表示されます]

ロードされるページの幅は750ピクセルですが、縮尺は変更されていないため、大きすぎてフィットしないため、ページの一部しか表示されません。スケーラブルであるため、user-scalable= noも機能しません。

(レスキューレイアウトはオプションではありません.btw。モバイルページのサイズは、正確には750pxにする必要があります)。

答えて

0

また、以下のコードを試すことができます。残念ながら動作しません

<meta name="viewport" content="width=750px, initial-scale=1, maximum-scale=1, user-scalable=no"> 
+0

ありませんが、それもすべてのデバイスに問題をもたらします。すべてのデバイスに750pxの幅があるわけではないので、縮尺を1にしたくありません。 – Linda

関連する問題