![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
Fiona Fang
up up up
展开
-
background-attachment: fixed 在iphone设备失效
背景 页面中使用了 background-attachment:fixed; 来控制背景图不随内容的滚动而滚动,使其固定大小。 在PC端可以起作用和一些安卓的机器上能够起作用,但是在iphone上没有效果。 原因 固定背景导致重绘的成本很高,并且滚动表现也不尽人意,所以在一些移动端是被禁止的。 解决方案 &::after { content: ''; position: fixed; z-index: -1; top: 0;原创 2021-08-06 17:33:42 · 31549 阅读 · 0 评论 -
css中nth-child()与nth-of-type()区别
nth-child() dom.nth-child(n) 表示选中dom的父级元素中的第n个dom元素,若匹配,则选中,否则,不选中。 上面例子可以看出: p:nth-child(1) :拿出p元素的父级元素div中的第一个子元素,对比是p元素,选中。 p:nth-child(2) :拿出p元素的父级元素div中的第二个子元素,对比是p元素,不是p元素,是span,则不选中。 p:nth-child(3) :拿出p元素的父级元素div中的第三个子元素,对比是p元素,选中。 span:nth-child原创 2021-06-16 10:44:40 · 31355 阅读 · 0 评论 -
CSS 限制多行文字溢出...
多行文字溢出 代码: <template> <div class=""> <p>限制多行文字溢出限制多行文字溢出限制多行文字溢出限制多行文字溢出限制多行文字溢出限制多行文字溢出限制多行文字溢出限制多行文字溢出限制多行文字溢出限制多行文字溢出限制多行文字溢出限制多行文字溢出限制多行文字溢出限制多行文字溢出限制多行文字溢出限制多行文字溢出限制多行文字溢出限制多行文字溢出限制多行文字溢出限制多行文字溢出限制多行文字溢出限制多行文字溢出限制多行文字溢出限制多行文字溢原创 2021-06-15 17:40:56 · 30789 阅读 · 0 评论