美文网首页
webapp重构

webapp重构

作者: 47429773ed59 | 来源:发表于2016-09-05 23:52 被阅读23次

 重构要点1:dom的每一个模块都要有一个wrap,公用的样式单独放在一起,如果某个模块样式有改变时,根据其wrap的类为其限制。

要点2.创建公共样式时,最好用类以定义而不是用标签。

要点3.雪碧图的使用。background-size给一个定值。如手机设置时1rem=40px,那么800*1200的图片就设置为20rem 30rem,这样在设置位置时就可以精确的定位。

要点4.使用less时,嵌套结构尽量少,越多越不好。样式尽量公用而不是复用,这样对一个模块的限制就会超多,不好。

要点5.两个inline-block的居中对齐。两个行内块都要设置vertical-align:middle

要点6.不要使用无意义的空标签,如果必须使用,那么为其添加一定的说明内容,然后使字体隐藏。

相关文章

网友评论

      本文标题:webapp重构

      本文链接:https://www.haomeiwen.com/subject/kvqdettx.html