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