手機端總結

剛開始寫的時候也不知道怎麼寫,而後百度,看淘寶的手機端,而後找到了一點門路,psd是按照750來作的,因此你得控制比如例。html

function initpage(){
var baseSize = 75,
baseWidth = 375,
clientWidth=document.documentElement.clientWidth;
if(clientWidth>=1080){
clientWidth=1080;
}
var fontSize = (clientWidth / baseWidth * baseSize * 0.5 ).toFixed(2)/2;
document.getElementsByTagName('html')[0].style.fontSize=fontSize+"px";
}
initpage();字體

window.onresize=function(){
initpage();
}  //設置HTML的字體大小htm

我是用rem+em+px+%作的,先設置html字體大小,由於rem單位是相對單位,相對於html,若是html的字體變大,rem的字體也跟着變大,更好的適應每一個屏幕分辨率,可是偶爾仍是須要加媒體查詢,作手機端不能一直用rem單位,要結合px,百分比,em,單位,這樣才能作的更好,好比給一個圖片的寬和高用rem作單位的時候,你就會發現,有時候寬度和高度並不夠,因此就須要結合px單位了。圖片

其餘的就須要本身作項目經歷到的問題了rem

相關文章
相關標籤/搜索