• 移动web开发02


     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

    虽然视口很多,但是我们只用一个。就是理想视口。

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     单标签。

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     原本是高宽都300的。后来变成移动端后没有变成300/750,也不是300/1334。而是占据了一大半(300/375)。甚至375就满屏了。所以1px不是1物理像素。物理像素比是2。

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

      

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     下载下来,后续使用直接引用就好了。

     

     

     

     

     

     

     

     

     

     

     

     

     

     可以改变默认的效果。

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     可以根据屏幕的大小自由伸缩。

     

     

     

     

     

     

     

     

     小于320不能再缩了,大于980就不能再扩了。有伸缩的上下限。超过980了盒子大小就不变了,小于320了就盒子大小也不会变小,有滚动条可以体现没有变小。

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     app布局要使用到固定定位!

     

     

    8% ,10% ,57%, 25%按百分比分出来的。先写宽度,高度后面在讲,因为也无能为力。

     

     

     

     

     

     

     

     

     

     

      

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     图片默认和文字的基线对齐,所以图片居中不了。所以要专门写一行代码让文字和图片居中对齐。

     

     

     

     

     

     

     

     

     不用加a链接,到时候直接在li里用js加跳转,因为直接加a就太小了。

    移动端和pc端最大的差别就是移动端会缩放。

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     等比缩放按钮。先等比例缩小或放大才能测量位置。这个位置才是准确的。

     

     

     

     

     

     

     

     

     搜索模块要用固定定位,因为向下滑动的时候,还要保持在顶部。

     

      

    一个大盒子里面有三个小盒子。

     

     

     切的是盒子,没有切图片的圆角,所以要hidden大盒子。

     图片默认有空隙,所以要去除空隙。

     

     流式布局只管宽度就好!!

     

     

     

     

     

      

     

     

     

     

     

    50%, 25%, 25%

     

     

     

     

     

     

     

     

     

     

     在左边加小边框就可以有竖线了。

     

     

     

     底下模块大同小异。

    前面顶部叉号的小bug。

      

     

     

      

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

      

     

  • 相关阅读:
    计算机组成原理知识——CPU结构组成和功能、堆栈、RISC、
    mvn打包成war包或可执行jar包
    创建数据库表及修改删除数据表字段
    详解Spring Boot中@value的使用方式
    自学网络安全(黑客)
    COOHOM通过采用亚马逊云科“专库专用”的方式,为云原生的构建提供稳定的数据支撑
    自动化测试:Selenium中的时间等待
    期末复习重点总结(5-9章)-计算机操作系统(慕课版)
    Python UI 界面 tkinter初步
    Android AMS——启动Activity(六)
  • 原文地址:https://www.cnblogs.com/dongdongkuang/p/16537125.html