![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
页面布局
吃肉的素食主义者
你还好吗 暮十三
展开
-
移动端开发中vw和rem组合适配
什么是rem?我们做的单位em表示元素的字体大小跟随父元素大小相关联,比如父元素字体大小为10px,那么1em就是10px,2em则是20px; 而rem其实就是元素依据根元素的字体大小进行设置,这样的话如果我们网页中的元素使用rem作为大小的单位,就能实现等比缩放,也叫rem布局;说道移动端开发,就少不了对dpr的了解:dpr:设备像素比,它等于物理像素(真正意义上的像素大小,比如移动设备...原创 2020-04-17 00:18:36 · 619 阅读 · 0 评论 -
简述PC端的宽高自适应问题
PC端的宽高自适应宽度自适应(了解):元素的宽默认是跟随父元素的, 尽量不要规定死;不写默认是100%的父元素的宽度;后续:宽度100%,根据窗口的宽度不同,作出不同结构变换的响应式网页;高度自适应;高度自适应第一种情况:内容撑开父元素主要针对内容块;(考虑一些版块后期会不会经常性修改)需求一:当元素的height不去设置或者是设置成auto是(默认),那么height是被内容撑开的...原创 2020-03-31 23:08:58 · 940 阅读 · 0 评论 -
定位补充
position :fixed: 固定 --------------->经常原来做广告233333333333参照物为浏览器窗口;脱离布局流;将元素固定在浏览器正中间: 方法1、fixed left:50%; top:50%; 然后再用margin-left:-1/2width; margin-right:-1...原创 2020-03-30 21:43:57 · 120 阅读 · 0 评论 -
元素类型及其转换
元素类型:HTML对标签分类----->单、双标签;CSS中对标签的分类:1、块状元素: 默认情况下在页面中以矩形区域显示; 自上而下排列,独占一行 可以直接添加宽高 一般情况下,作为其他元素的容器;2、内联元素(行内元素): 在页...原创 2020-03-26 21:18:14 · 244 阅读 · 0 评论 -
关于PC端页面布局
顺序:先做上下排版再做左右排版由外往里规划:元素命名: id选择器划分外围结构 -->id选用驼峰命名法||语义化 nav news case 等 版心的命名 -->连字符命名法 例:news-wrrap 内部内容块的命名 --> 下划线 例: news_left外部CSS样式表:...原创 2020-03-24 23:52:57 · 755 阅读 · 0 评论