• 移动端页面总结


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

    我们对于移动端没有太多的要求,就是相对简单的页面,只要布局合理,维护容易就可以,但是就这个做起来还是不是那么简单的。

    对比一下,总结如下

    第一,我们的容器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属性,对其设置缩进值。

  • 相关阅读:
    Pandas
    多进程编程
    python的多线程编程
    Scrapy中集成selenium
    生成器函数yield和使用yield模拟协程
    迭代器和可迭代对象
    HDU5988 Coding Contest(浮点费用流)
    codeforces Technocup 2017
    codeforces724E Goods transportation(欧拉回路)
    UVAlive4097 Yungom(思路)
  • 原文地址:https://www.cnblogs.com/goweb/p/5645959.html
Copyright © 2020-2023  润新知