Bantuan untuk media sahaja

Helo, saya tertanya-tanya sama ada anda boleh membantu saya dengan masalah yang saya hadapi dengan pelaksanaan skrin Media Sahaja.

Saya harus menyatakan bahawa saya seorang pengaturcara baru dan ini adalah kali pertama saya membangunkan sekeping kod yang begitu besar.

Saya sedang mengusahakan tapak web baharu untuk syarikat saya dan saya telah melengkapkan halaman utama. Saya kini memfokuskan untuk menjadikannya responsif kepada peranti mudah alih.

Saya telah mencipta beberapa elemen Media Sahaja dalam fail CSS untuk halaman utama, tetapi ini tidak digunakan serta-merta pada peranti mudah alih. Saya juga harus menyatakan bahawa saya menggunakan Edisi Pembangun FireFox, yang mempunyai mod untuk memaparkan halaman sebagai mudah alih.

Saya telah mencipta skrin media sahaja dan mencari dalam talian untuk dimensi kebanyakan peranti mudah alih, tetapi saya bimbang saya mungkin mempunyai dimensi yang salah. Adakah anda sangat baik untuk membantu saya?

Mungkin seseorang yang berpengalaman dalam HTML dan CSS boleh memberikan dimensi yang betul?

Kod Saya

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) {}

Atas ialah kandungan terperinci Bantuan untuk media sahaja. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!