mobile - モバイルでサイトのサイズが変更されず、方向が変更されない

Question

モバイルでサイトのサイズや向きが変わりません。入れてみた

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0;" />

コードで、しかしそれは助けにはなりませんでした。

サイトをモバイル向けに再配置し、向きに関係なくモバイルに適合させる簡単な方法はありますか?

このトピックに関するいくつかの投稿を読みましたが、解決策がうまくいかないようです。

Answer 1

向きに合わせてサイトを調整する必要があります。

挿入できるさまざまなメディア クエリを次に示します。

例: iPhone5:

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) { 
//your css style
}

(orientation:landscape) または (orientation:portrait) を使用し、それに応じて css 編集を行います。

サイトを「流動的なレイアウト」と「流動的な画像」でデザインしたかどうかはわかりません。