檢測是自動的。您必須指定每個屏幕分辨率可以使用的css:
/* 對于所有屏幕,使用14px字體大小 */ body { font-size: 14px; } /* 響應(yīng)式,對于小屏幕,使用13px字體大小 */ @media (max-width: 479px) { body { font-size: 13px; } }
使用 @media
查詢。它們正好可以滿足這個需求。以下是一個示例,說明它們的工作原理:
@media (max-width: 800px) { /* 在寬度等于或小于 800px 時顯示的 CSS 代碼放在這里 */ }
這只會在寬度等于或小于 800px 的設(shè)備上生效。
在 Mozilla 開發(fā)者網(wǎng)絡(luò)上了解更多關(guān)于媒體查詢的內(nèi)容。