使用rem单位实现布局自适应

本文主要是介绍使用rem单位实现布局自适应，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

css代码

* {margin: 0;padding: 0;-webkit-overflow-scrolling: touch;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;outline: none;font-size: 0.6rem;
}html {font-family: arial;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;width: 100%;height: 100%;font-size: 20px;
}

js代码

var scWid = document.documentElement.offsetWidth||document.body.offsetWidth;var initScWid = 375;var initFontSize = 20;$('html').css({'fontSize': parseInt((scWid * initFontSize) / initScWid) + 'px'});

这篇关于使用rem单位实现布局自适应的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---