私のウェブサイトはデスクトップでは正常に表示されますが、モバイル画面では表示されません

Question

私は HTML/CSS を使用して個人の Web サイトをデザインしています。ただし、テキストは携帯電話に合わせて拡大縮小されません。下の写真を参照してください。

Web サイトはデスクトップでは見栄えがしますが、モバイル デバイスではうまく表示されません。

モバイルディスプレイ

Google ドライブの埋め込みが携帯電話の画面に収まりません。 携帯電話のディスプレイ GGD PDF 埋め込み

この問題を解決するにはどうすればよいですか?どうもありがとう。

これが私のコードです:

HTML

リーリー

CSS

ああああ

Answer 1

モバイル デバイスでサイトが期待どおりに表示されない理由は、サイズに基づいてレイアウトとデザインを指定するためにより多くのメディア クエリが必要になるためです。メディアクエリがあります。次のメディア クエリを使用して、予想される結果に近づくようにコードを使用してブラウザのサイズを変更します。 リーリー

また、vh ではなく rem または em を使用することをお勧めします。より広く使用されており、拡張性も優れています。