关于近段时间web app开发的总结一 响应式布局

近段时间开发web app，以下是一些个人经验。

关于我所用的响应式布局

1，viewport

该meta标签的作用是让当前viewport的宽度等于设备的宽度，同时不允许用户手动缩放。也许允不允许用户缩放不同的网站有不同的要求，但让viewport的宽度等于设备的宽度，这个应该是大家都想要的效果，如果你不这样的设定的话，那就会使用那个比屏幕宽的默认viewport，也就是说会出现横向滚动条。

　　　　　　　　更多：http://www.cnblogs.com/2050/p/3877280.html

以后内容纯属复制粘贴，主要是对象默认宽度以及放大缩小进行设置。

2，css中的 px  , em ,  rem

详细了解：http://www.cnblogs.com/kemeng/p/3652417.html

这个讲得很好。

3,   calc()

详细了解：http://www.cnblogs.com/jennifer900522/archive/2012/10/31/2748418.html

注意空格。 注意兼容 -webkit-calc()   我经常忘

使用这个可以动态计算宽度，而不用写死   如：width:calc(100%-2rem);      100%为父级的宽度

4，media screen

详细了解：http://www.cnblogs.com/xcxc/p/4531846.html