移动端页面总结

一段时间没有写过页面了，最近写了两个，写后发现与老同事写的仍是有点差距的，话说写页面不难，可是你要去写好，真不是一朝一夕的练就的。因此多练习，多总结。

咱们对于移动端没有太多的要求，就是相对简单的页面，只要布局合理，维护容易就能够，可是就这个作起来仍是不是那么简单的。

对比一下，总结以下

第一，咱们的容器div都是设置100%，box-size:border-box;我设置了最大宽度640px和最小宽度320px；相对定位。

第二，二级容器div对方用的padding定位左右，我用的是百分比，而后加上自动居中，在此系列的div容器通常都定义好公用样式，好比背景色，上下边距等，作法的不一样会致使背景色的显示范围不一样，这点须要根据视觉稿

第三，对方都是把img标签放在单独一个div容器中，我这边单独使用的img标签，本身百度了下，最好仍是放在div容器中，设置其样式方便

第四，对方标题通常使用h标签，我通常使用的是p标签，那么标题的话尽可能使用h标签为好

第五，对于文字环绕块级元素，这边的块级元素是内联块级元素img，对方则使用了span标签嵌套，span浮动后自动转换为块级元素，一样也可以使用div嵌套

第六，p标签的元素空格，我是用的 ，使用这个的缺点就是不一样浏览器的对其兼容不一样，那么对方用的是text-indent属性，对其设置缩进值。