Pengesanan adalah automatik. Anda perlu menentukan css yang boleh digunakan untuk setiap resolusi skrin:
/* 對(duì)于所有屏幕,使用14px字體大小 */ body { font-size: 14px; } /* 響應(yīng)式,對(duì)于小屏幕,使用13px字體大小 */ @media (max-width: 479px) { body { font-size: 13px; } }
Gunakan @media
untuk bertanya. Mereka sesuai dengan keperluan itu. Berikut ialah contoh cara mereka berfungsi:
@media (max-width: 800px) { /* 在寬度等于或小于 800px 時(shí)顯示的 CSS 代碼放在這里 */ }
Ini hanya akan berfungsi pada peranti dengan lebar sama dengan atau kurang daripada 800px.
Ketahui lebih lanjut tentang pertanyaan media pada Rangkaian Pembangun Mozilla.