メディア専用のヘルプ

こんにちは、メディアのみの画面の実装で発生している問題について助けていただけないでしょうか。

私は初心者プログラマーであり、これほど大きなコードを開発したのはこれが初めてであることを言っておきます。

私は現在、会社の新しいウェブサイトの制作に取り組んでおり、ホームページが完成しました。現在はモバイルデバイスに対応することに重点を置いています。

ホームページの CSS ファイルに Media Only 要素をいくつか作成しましたが、これらはすぐにはモバイル デバイスに適用されません。また、ページをモバイルとして表示するモードがある FireFox Developer Edition を使用していることにも注意してください。

メディア専用画面を作成し、ほとんどのモバイル デバイスの寸法をオンラインで検索しましたが、寸法が間違っている可能性があります。よろしければお手伝いさせていただけませんか？

HTML と CSS の経験がある人が正しい寸法を提供してくれるでしょうか?

私のコード

media only screen and (min-width: 360px) and (max-width: 393px){}
@media only screen and (min-width: 412px) and (max-width: 428px){}
@media (min-width: 576px) and (max-width: 768px) {}

以上がメディア専用のヘルプの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。