Awen_liang1002

本文摘录自各位前端大神，本人只是学习笔记使用，谢谢各位大神的资料指导！先说布局方面：PC端咱们最常用的就是固定宽度980px（也有960，1000,1200），然后水平居中 ；width:980px;margin:0 auto;但移动端就不能这么用了，因为很多网页都是可以横屏看，也可以竖屏看；很多屏幕的分辨率不一样；所以只要牵涉到移动端，就要牵涉到响应式（也叫自适应）；

这是一个会计算的属性，特别适合对于自适应还不是很熟练的童鞋！calc是英文单词calculate(计算)的缩写，是css3的一个新增的功能，你可以使用calc()给元素的border、margin、pading、font-size和width等属性设置动态值。以前我们可以使用box-sizing:border-box;来设置盒子的属性为不加上边距。现在我们又多了一个选择了。但要

本文转自大神 清枫草塘 的博文；链接地址为：http://blog.csdn.net/freshlover/article/details/43735273本人只是用来学习知识方便查看，无其他用处，如有转载，请注明原作者及出处：active伪类常用于设定点击状态下或其他被激活状态下一个链接的样式。最常用于锚点这种情况，一般主流浏览器下也支持其他元素，如button等。在多按键的鼠标系统中，

移动端Retina屏边框线1px 显示为2px或3px问题解决方法我们在开发移动端web项目时经常遇到设置border:1px，但是显示的边框却为2px或是3px粗细，这是因为设备像素比devicePixelRatio为2或3引起的。