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