很久之前，用过960的响应式，总感觉怪怪的。现在几个项目都用上了 unsemantic，看起来适应性还可以。
优点：
1、自由。unsemantic 是用百分比来设定宽度，只要能整除100就可以(33%)也算，例如 div.grid-33.tablet-grid-50.mobile-grid-100(PC上显示3列，Pad上显示2列，手机上显示1列)，这样看起来算是比较友好吧，不用管16grid还是24grid之类的。
2、使用 box-sizing:border-box 属性，方便设计，老式浏览器需要用js兼容。
缺点：
1、冗余。正如其名，unsemantic，无语义化，不仅是命名的class无语义化，甚至连盒子元素（div之类）的也是无语义化，严格来说是冗余。因为他的列距是用 padding 的！所以子元素想要用颜色填充该列，不能够 <a.grid-50>BLOCK</a> 这样写，而要 <div.grid-50><a>BLOCK</a></div> 这样写。
2、使用 box-sizing:border-box 属性，老式浏览器需要用js兼容。
附上框架homepage： http://unsemantic.com/
大家来介绍下自己用的响应式框架吧，简单介绍一下：）马克。
优点：
1、自由。unsemantic 是用百分比来设定宽度，只要能整除100就可以(33%)也算，例如 div.grid-33.tablet-grid-50.mobile-grid-100(PC上显示3列，Pad上显示2列，手机上显示1列)，这样看起来算是比较友好吧，不用管16grid还是24grid之类的。
2、使用 box-sizing:border-box 属性，方便设计，老式浏览器需要用js兼容。
缺点：
1、冗余。正如其名，unsemantic，无语义化，不仅是命名的class无语义化，甚至连盒子元素（div之类）的也是无语义化，严格来说是冗余。因为他的列距是用 padding 的！所以子元素想要用颜色填充该列，不能够 <a.grid-50>BLOCK</a> 这样写，而要 <div.grid-50><a>BLOCK</a></div> 这样写。
2、使用 box-sizing:border-box 属性，老式浏览器需要用js兼容。
附上框架homepage： http://unsemantic.com/
大家来介绍下自己用的响应式框架吧，简单介绍一下：）马克。
1
Select Language