2016-09-08 6 views
0

私は420pxの全幅のウェブサイトを持っています。これをズームアウトしてモバイルデバイスに表示したいとします。このためだから、すべてのデバイスのメタビューポートの幅

私が使用している:

<meta name="viewport" content="width=420"> 

これは私がポートレートモードでの私のサムスンギャラクシーS4 電話上にそれをしたいかを正確に表示しますが、私は風景の中にそれを回すときには、ウェブサイト全体をスケーリング画面の全幅まで、これはあまりにも大きく見えます。

私もサムスンのギャラクシータブ3 タブレットでそれをテストしているし、それは明らかにさらに悪いことに見えている、(ポートレート&風景)もそこにそれをスケールアップ。

携帯電話でポートレートモードでスケールダウンするにはどうしたらいいですか(他の大きなデバイスでは真の幅を表示します)。

答えて

1

私はメタにinitial-scale=1を追加することにより、これに対する解決策を見つけた:

<meta name="viewport" content="width=420, initial-scale=1"> 
0

私は、このビューポートがすべてのデバイス

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale-1">

のために働くだろうと思います
関連する問題