在当今移动端设备普及的时代,对我们前端开发来说移动端开发是必不可少的,而如此参差不齐设备屏幕和分辨率无疑对前端开发是非常不友好的,我们的页面会在五花八门的手机有完全不同的展示,甚至直接扭曲掉。移动端适配就是来避免这种情况的。
简单介绍三种适配方式
1.rem适配(常用)
2。百分比适配(古老)
3.视口适配(见下方代码)
(function(){
var targetW = 640;
var scale = document.documentElement.clientWidth/targetW;
var meta = document.querySelector("meta[name='viewport']");