不是隨便添加句話就可以自適應(yīng)手機(jī)屏幕的,沒這么簡單。如果要自適應(yīng)手機(jī),是要用到rem單位的,然而rem又要搭配媒體查詢來使用。
創(chuàng)新互聯(lián)建站主要從事成都做網(wǎng)站、網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)立山,十余年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):13518219792
例如你的設(shè)計(jì)稿如果是寬720px的話,那你的文字就要以原始大小除以11.25,例如16px的話就要16/11.25這樣來計(jì)算。我的意思是不用像素,用rem,因?yàn)閜x是寫死的,rem是可以適應(yīng)手機(jī)端的(包括盒子的寬高都是要以rem來計(jì)算)。另外,用之前要把下面這段代碼放到你css文件里:
@media only screen and (max-width: 1080px) {
html, body {
font-size: 16.875px;
}
}
@media only screen and (max-width: 960px) {
html, body {
font-size: 15px;
}
}
@media only screen and (max-width: 800px) {
html, body {
font-size: 12.5px;
}
}
@media only screen and (max-width: 720px) {
html, body {
font-size: 11.25px;
}
}
@media only screen and (max-width: 640px) {
html, body {
font-size: 10px;
}
}
如果寬是720,就除以它相對應(yīng)的那個(gè)值,如果是寬960,就除以960相對應(yīng)的那個(gè)值,這么說應(yīng)該可以明白吧。
純手打,望采納~
可以用 link rel="stylesheet" type="text/css" href="xxx.css" / 鏈接CSS,這個(gè)取決于網(wǎng)速。與系統(tǒng)無關(guān)。
style type="text/css"也可以。
[img]打開網(wǎng)站根目錄
進(jìn)入static/image/mobile文件夾
mobile文件夾中有一個(gè)style.css,這個(gè)就是您要找的文件discuz手機(jī)觸屏版的css樣式
下面是操作圖文演示
想要固定在底部用 position:fixed; bottom:0;
但是這里有一種情況,就是當(dāng)手機(jī)鍵盤彈出時(shí),可能影響你的垂直布局,不過目前并沒有辦法監(jiān)控鍵盤是不是彈出來了。所以也只能勉強(qiáng)用 position:fixed; bottom:0;