2017-01-15 5 views
0

私はビューポートメタタグを使用すると、モバイルで正しくウェブサイトを拡大しようとしていますが、何もしません。ビューポートが動作しない

私のデザインは約500pxです(縮尺したくないので、ユーザーの幅が500px未満の場合はデザイン全体がページに収まるまでウェブサイトを「ズームアウト」したいと思います)私はそれがすべてで働いていないように、何も起こりません値を変更しようとした場合でも

<meta name="viewport" content="width=device-width; height=device-height" /> 

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

か:このような何かをしたいと思います。

どうすればよいですか?

+2

どの携帯端末とブラウザをテストしていますか?どのバージョンのオペレーティングシステムですか?どのバージョンのブラウザですか? – Quentin

+2

問題を示すマークアップが必要でない場合、私たちが言うことは、あくまでも推測に過ぎませんが、ビューポートの幅を設定することは独自のことです。 http://stackoverflow.com/help/mcve – Rob

+1

ウェブサイトのページをズームしてモバイルビューに正しく合わせたい、またはモバイルビューでページ全体を表示したいと思っていますか? - @osk –

答えて

1

私が正しく理解している場合は、ページをビューポートにズームして反応しないようにします(つまり、より大きなデバイスと同じに見えますが、小さく表示する)。この場合、ちょうどすべてのビューポートメタタグを削除します。モバイルデバイスは自動的にズームを行います。

関連する問題