1、使用meta标签：viewportH5移动端页面自适应普遍使用的方法，理论上讲使用这个标签是可以适应所有尺寸的屏幕的，但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统。viewport是用户网页的可视区域。翻译为中文可以叫做"视区"。手机浏览器是把页面放在一个虚拟的"窗口"（viewport）中，通常这个虚拟的"窗口"（viewport）比屏幕宽，这样就不用把每个...

　　先引入一个js插件remScale.js不知道csdn怎么上传文件，就把js代码复制在下面：自己保存一下，存到js文件里面即可，写移动端页面时，把这个文件引入即可这段代码的核心意思是：如果页面的宽度超过了720px，那么页面中html的font-size值恒为100px,否则的话，html中的font-size的大小为100*（当前的页面宽度/720）我看百度上人家都是设置640px或750p...

经过大型项目实践，下面这段CSS是最好的基于rem和vm和calc实践代码：html{font-size:16px;}@mediascreenand(min-width:375px){html{/*iPhone6的375px尺寸作为16px基准，414px正好18px大小,60020px*/font-size:calc(100%+2*(100vw-375...

html部分<divclass="div1"><divclass="div2"><spanclass="headLine">这是一个自适应的标题</span></div></div>css部分.div1{position:relative;}.div2{position:absolute;text-align:center;left:0;right:0;top:60p...