2020年4月15日
04、栅格系统
摘要： 栅格系统 可通过bootstrap实现： <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CG 阅读全文
posted @ 2020-04-15 16:57 JaydenQiu 阅读(215) 评论(0) 推荐(0)
03、媒体查询
摘要： 媒体查询 什么是媒体查询？ 指查询媒体的类型和媒体的屏幕宽度 //类型大概有三种screen、print、speech @media screen and (min-width:300px) { /*选择打印机与屏幕阅读器之外的所有设备，并且最小宽度 >= 300px 才会生效。*/ color:r 阅读全文
posted @ 2020-04-15 13:18 JaydenQiu 阅读(182) 评论(0) 推荐(0)
02、Flex布局
摘要： Flex布局 //Flex 是 Flex Box 的缩写，意为“灵活的盒子”或“弹性的盒子”，所以flex布局一般称为弹性布局。 flex容器：所有含有 display:flex | inline-flex; 的容器都是flex容器。 flex项目：flex容器的所有子元素都是flex项目。（不包括 阅读全文
posted @ 2020-04-15 13:17 JaydenQiu 阅读(222) 评论(0) 推荐(0)
01、响应式布局概念
摘要： 像素 分辨率 手机1792 x 828 表示：每一排有828个物理像素点，每一列有1792个物理像素点 物理像素（dp） //物理像素（physical pixel）也叫设备像素（dp：device pixel） CSS像素（dpi） //也叫逻辑像素（logical pixel）、设备独立像素（d 阅读全文
posted @ 2020-04-15 13:16 JaydenQiu 阅读(166) 评论(0) 推荐(0)