html5+css3中移动端布局页面自适应解决方案

1、html5+css3中移动端布局页面自适应解决方案先引入一个js插件remscale.js不知道csdn怎么上传文件，就把js代码复制在下面：自己保存一下，存到js文件里面即可，写移动端页面时，把这个文件引入即可这段代码的核心愿思是：假如页面的宽度超过了720px，那么页面中html的font-size值恒为100px,否则的话，html中的font-size的大小为100*（当前的页面宽度/720）我看百度上人家都是设置640px或750px，但是我们教师设置的是720px，经过实践证实，720px也可以用，没啥问题对应手机屏幕来说，720px的页面宽度是一个平安的最大宽度，保证了移动端页面

2、两边不会留白。这里的px是css规律像素（在下面给大家补充什么是设备像素，规律像素，css像素）设备像素是设备的固有属性，屏幕的设备辨别率是1920*1200（单位：设备像素）规律像素也叫设备自立像素，与css像素一样是一种虚拟的像素，它是操作系统定义的一种像素单位，应用程序将规律像素告知操作系统，操作系统再将规律像素转为设备像素。可以通过操作系统的辨别率设置来转变设备自立像素的大小，但是在前端开发中可以当作定制，由于没人会闲着没事去频繁转变操作系统辨别率。css像素是一个不确定的物理像素，它是按照它所在的机型设备而打算的。在css中用法的px都是指css像素，如width:200px.css

3、像素的大小，很简单变幻的。当我们*缩放页面的时候，元素的css像素数量不会转变，*转变的是每个css像素的大小，*也就是说width:200px的元素在缩放200%以后，宽度仍然是200像素，只不过每个css像素的宽度和高度变为本来的2倍。假如本来的元素宽度为200个设备自立像素，缩放后就变成400个设备自立像素了，但是css像素宽度始终是200参考了：响应式设计——理解设备像素、设备自立像素和css像素设置font-size值的缘由是：rem就是根元素（即html）的字体大小，html中全部标签样式只要是涉及到尺寸的（height,width,font

4、-size,padding,margin等）都可以用法rem布局。假如把html的font-size设为20px，前面所说rem就是html的字体大小，那么1rem就是20px。可以算出1px就是0.05rem.那么宽60像素，高40像素的元素样式就可以设置为：width:3rem;height:2rem;so,这样设置的话，要素宽55px，高37px，就得一点点计算了，是不是好棘手。所以：把font-size值设置为100px，是不是很爽。此时1rem=100px.那么上面的宽55px，高37px就可以设置成width:0.55rem;height:0.37rem;so，换算起来容易多了为什么不一开头把html的font-size设为1px呢，这样换算起来也容易，答：扫瞄器普通都有最小字体限制，比如谷歌扫瞄器，最小中文字体就是12px，所以事实上没有方法让1rem=1px。）参考