TA貢獻(xiàn)1825條經(jīng)驗(yàn) 獲得超6個(gè)贊
手機(jī)移動(dòng)端最好還是用em、%和rem，媒體查詢做不到全面兼容，而且維護(hù)和開發(fā)成本高。
TA貢獻(xiàn)1843條經(jīng)驗(yàn) 獲得超7個(gè)贊
移動(dòng)端頁面添加上下面的meta
<meta name="viewport" content="width=device-width, initial-scale=1" />
如果要禁止用戶的縮放，請(qǐng)自行查詢文檔后添加
然后盡量不要使用px作為單位，除了border-width, outline-width, border-radius等只需要微量單位的屬性外，多使用em, %, rem做單位, 尤其是字體。這種處理是不需要媒體查詢的，真正用到媒體查詢的東西不會(huì)太多的，主要是在布局上可能會(huì)有些媒體查詢的東西存在。
TA貢獻(xiàn)1803條經(jīng)驗(yàn) 獲得超6個(gè)贊
媒體查詢配合rem使用。
@media only screen and (min-width: 340px){
html {
font-size: 20px !important;
}
}
@media only screen and (min-width: 401px){
html {
font-size: 25px !important;
}
}
@media only screen and (min-width: 428px){
html {
font-size: 26.75px !important;
}
}
@media only screen and (min-width: 481px){
html {
font-size: 30px !important;
}
}
@media only screen and (min-width: 569px){
html {
font-size: 35px !important;
}
}
@media only screen and (min-width: 641px){
html {
font-size: 40px !important;
}
}
然后html里面的DOM根據(jù)html來設(shè)定大小，寬度，高度。
舉報(bào)