CSS3可以通過媒體查詢來判斷移動端設備,實現移動端設備特定的CSS樣式。
/* 在CSS樣式表中,添加以下代碼 */ @media screen and (max-device-width: 480px) { /* 判斷設備寬度<= 480px */ /* 在此添加移動端設備的CSS樣式 */ p { font-size: 16px; } }
上述代碼中,使用媒體查詢來判斷設備屏幕寬度是否小于等于480px,如果是,則應用其中的樣式。
通常情況下,移動端設備屏幕寬度不超過480px,因此可以通過此方式來應用移動端設備的CSS樣式,以適配不同寬度的設備。