摘要：
进入离开动画 在sandal的_animation.scss中我们定义了fade-in/out, shrink-in/out, up-in/out, down-in/out, left-in/out, right-in/out六组基础动画，下面我们以fade-in/out为例说明如何使用： 直接调用 阅读全文
摘要：
单行，不考虑间距等分 以sheral的nav list为例： equal-flex的mixin定义在sandal中，代码如下： 参数部分可以是常用的li div p a span strong几个元素，也可以是class，会自动加.。 除了使用flex等分之外，我们还可以使用table办法来等分，同 阅读全文
摘要：
这个line list的名字是我自己起的（大概的意思是单行列表），要实现的东西为sheral的line list，对应的scss组件为_line-list.scss，下图为line-list的一个缩影： 这个UI应该是每个移动端网页都必备的，而且使用场景也是非常的丰富，所以这里我们采用一步步循序渐进 阅读全文
摘要：
viewport 关于viewport详细请参考移动前端开发之viewport的深入理解 css3选择器 结构伪类选择器已经成为列表类的标配了，不掌握都不好意思切页面了。 CSS3 选择器——属性选择器 CSS3 选择器——伪类选择器 css选择器支持一览表 CSS选择器查阅 伪元素（::befor 阅读全文
摘要：
响应式使得网页能够根据屏幕大小进行适配，自动识别屏幕宽度，并作出相应调整的网页设计，布局和展示可能会有所变动。 实现方式： 1.允许网页宽度自动调整 首先在网页代码的头部加入一行viewport标签 <meta name="viewport" content="width=device-width, 阅读全文