モバイルデバイスでの全画面表示のために非応答性のHTMLが正しく縮小される

Question

私は長年にわたり、テーブルアーキテクチャを使用してフラットページサイトを構築しました。

しかし、実際に私の非反応性サイトの一部は、単純に縮小サイズのものとしてモバイル画面に表示したいと考えています。

基本を理解するために、私は単純なページ、テーブル、アートの1つを作成しました。私が理解するメタタグは、モバイル画面に収まるように大きなサイズのHTMLページを縮小することになっています。しかし、モバイル・スクリーン・エミュレータでこれをチェックすると、私のページは膨大なものになり、モバイル・スクリーンに表示されます。全体の内容が画面内に表示されるように縮小していません。

私の欠点は何ですか？

http://ldihealtheconomist.com/html5-test-single-col.html

Answer 1

あなたは、設定された幅を使用しています。

使用している画面にかかわらず、幅をピクセルに設定すると、それはそのピクセル数で表示されます。

悪気が、あなたは何年ものサイトを作ってきたし、このことを知っていない場合は、多分それはあなたのために正しいことではありません... @mediaクエリ、vw上に読む

、vhとビューポートの幅。

ブートストラップやスケルトンなどのフレームワークを見てください。