1.js適配
屏幕尺寸適配
window.onload =function () {
/*720代表設(shè)計(jì)師給的設(shè)計(jì)稿的寬度，你的設(shè)計(jì)稿是多少，就寫(xiě)多少;100代表?yè)Q算比例，這里寫(xiě)100是
? 為了以后好算,比如，你測(cè)量的一個(gè)寬度是100px,就可以寫(xiě)為1rem,以及1px=0.01rem等等*/
? getRem(750, 100);
};
window.onresize =function () {
getRem(750, 100);
};
function getRem(pwidth, prem) {
var html =document.getElementsByTagName("html")[0];
? var oWidth =
document.body.clientWidth ||document.documentElement.clientWidth;
? html.style.fontSize = (oWidth / pwidth) * prem +"px";
}
2.css適配
@media?(min-width:?320px)?{
html{
font-size:42.67px;
}
}
@media?(min-width:?360px)?{
html{
font-size:?48px;
}
}
@media?(min-width:?375px)?{
html{
font-size:?50px;
}
}
@media?(min-width:?414px)?{
html{
font-size:?55.2px;
}
}
