手机端总结

Posted 2020-11-03 liubu

刚开始写的时候也不知道怎么写，然后百度，看淘宝的手机端，然后找到了一点门路，psd是按照750来做的，所以你得控制好比例。

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的字体大小

我是用rem+em+px+%做的，先设置html字体大小，因为rem单位是相对单位，相对于html，如果html的字体变大，rem的字体也跟着变大，更好的适应每个屏幕分辨率，但是偶尔还是需要加媒体查询，做手机端不能一直用rem单位，要结合px，百分比，em，单位，这样才能做的更好，比如给一个图片的宽和高用rem做单位的时候，你就会发现，有时候宽度和高度并不够，所以就需要结合px单位了。

其他的就需要自己做项目经历到的问题了