![](https://img-blog.csdnimg.cn/20201113083237964.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
移动端
以学习笔记为主,创建项目雏形
蔡大爷的小甜心
慢慢来吧,慢慢约会吧。
展开
-
day-13、14 移动端页面、导航条响应
移动端页面、导航条响应移动端页面导航条响应移动端页面导航条响应原创 2020-11-12 15:35:00 · 202 阅读 · 1 评论 -
day14-响应式布局
响应式布局响应式布局媒体查询语法:媒体类型:媒体特性响应式布局网页可以根据不同的设备或窗口大小呈现出不同的效果;使用响应式布局,可以使一个网页适用于所有设备;响应式布局关键就是媒体查询,通过媒体查询,可以为不同设备或设备不同状态来分别设置样式;媒体查询语法:@media 查询规则{ }媒体类型:可以使用 , 连接多个媒体类型,这样他们之间就是一个或的关系,可以在媒体类型前添加一个only表示只有,表示只有。only的使用主要是为了兼容一些老版本浏览器。可选值all原创 2020-11-10 16:00:25 · 149 阅读 · 0 评论 -
day12-像素、视口、vw
像素、视口、vw像素像素手机像素视口视口完美视口vwvw单位vw适配像素像素屏幕是由一个一个发光的小点构成,这一个个的小点就是像素;分辨率说的就是屏幕中小点的数量;在前端开发中像素要分成两种情况讨论:CSS像素、物理像素;物理像素: 上述所说的小点就是物理像素;CSS像素: 编写网页时,我们所用的像素就是CSS像素;-浏览器在显示网页时,需要将CSS像素转换为物理像素然后呈现;-一个CSS像素最终由几个物理像素显示由浏览器决定;默认情况下在PC端,一个CSS像素=一个物理像素;手机像原创 2020-11-07 10:30:11 · 260 阅读 · 2 评论