手机端总结

刚开始写的时候也不知道怎么写,然后百度,看淘宝的手机端,然后找到了一点门路,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单位了。

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

原文地址:https://www.cnblogs.com/liubu/p/9013050.html