479浏览

0评论

移动端适配 1px 的问题

参考回答： https://blog.csdn.net/weixin_43675871/article/details/84023447 首先，我们了解 devicePixelRatio（DPR）这个东西在 window 对...

• 空空 / htmlcss / 2022-11-25

675浏览

0评论

百分比布局

1、具体分析 除了用 px 结合媒体查询实现响应式布局外，我们也可以通过百分比单位 " % " 来实现响应式的效果。比如当浏览器的宽度或者高度发生变化时，通过百分比单位，通过百分比单位可以使得浏览器中的组件的宽和高随着浏览器的变化...

•    热门
• 空空 / htmlcss / 2022-11-25

999+浏览

0评论

Rem 布局及其优缺点

首先 Rem 相对于根(html)的 font-size 大小来计算。简单的说它就是一个相对单例 如:font-size:10px;,那么（1rem = 10px）了解计算原理后 首先解决怎么在不同设备上设置 html...

•    热门
• 空空 / htmlcss / 2022-11-25

798浏览

0评论

Rem, Em

一、rem 单位如何转换为像素值 当使用 rem 单位的时候，页面转换为像素大小取决于叶根元素的字体大小，即 HTML元素的字体大小。根元素字体大小乘 rem 的值。例如，根元素的字体大小为 16px，那么10rem 就等同于 1...

•    热门
• 空空 / htmlcss / 2022-11-25

725浏览

0评论

垂直居中

父元素固定宽高，利用定位及设置子元素 margin 值为自身的一半。 父元素固定宽高，子元素设置 position: absolute，margin：auto 平均分配 margin css3 属性 transform。子元素设置...

•    热门
• 空空 / htmlcss / 2022-11-03

551浏览

0评论

relative 定位规则

如果对一个元素进行相对定位，它将出现在它所在的位置上。然后，可以通过设置垂直或水平位置，让这个元素“相对于”它的起点进行移动。 在使用相对定位时，无论是否进行移动，元素仍然占据原来的空间。因此，移动元素会导致它覆盖其它框。...

• 空空 / htmlcss / 2022-11-03

778浏览

0评论

css 定位

固定定位 fixed： 元素的位置相对于浏览器窗口是固定位置，即使窗口是滚动的它也不会移动。Fixed 定位使元素的位置与文档流无关，因此不占据空间。 Fixed 定位的元素和其他元素重叠。 相对定位 relative：...

•    热门
• 空空 / htmlcss / 2022-11-02

863浏览

0评论

css 布局

六种布局方式总结：圣杯布局、双飞翼布局、Flex 布局、绝对定位布局、表格布局、网格布局。 圣杯布局是指布局从上到下分为 header、container、footer，然后 container 部分定为三栏布局。这种布局方式同样...

•    热门
• 空空 / htmlcss / 2022-11-02

528浏览

0评论

block、inline、inline-block 的区别。

block 元素会独占一行，多个 block 元素会各自新起一行。默认情况下，block 元素宽度自动填满其父元素宽度。 block 元素可以设置 width,height 属性。块级元素即使设置了宽度,仍然是独占一行。 b...

• 空空 / htmlcss / 2022-11-02

867浏览

0评论

flex 布局

flex 是 Flexible Box 的缩写，意为"弹性布局"。指定容器 display: flex 即可。 容器有以下属性：flex-direction，flex-wrap，flex-flow，justify-content，...

•    热门
• 空空 / htmlcss / 2022-11-02