移动端适配

Posted 莫问、前程

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了移动端适配相关的知识,希望对你有一定的参考价值。

var refreshRem=(function refreshRem(){
    var deviceWidth=document.documentElement.clientWidth;
    deviceWidth=Math.max(Math.min(420,deviceWidth),320);
    document.getElementsByTagName(html)[0].style.fontSize=(deviceWidth/750)*100+px;
    return refreshRem;
})();
var resizeEvt = orientationchange in window ? orientationchange : resize;
window.addEventListener(resizeEvt,refreshRem,false);

@function rem($px){
  @return $px / 100 + rem;
}

 

以上是关于移动端适配的主要内容,如果未能解决你的问题,请参考以下文章

前端移动端适配 - 媒体查询适配方案

前端移动端适配 - 媒体查询适配方案

适配方案之移动端适配

PC端移动端页面适配方案

## 原声做移动端适配适配

移动端页面利用好viewport,适配各种宽度屏幕