css
哈!小白要成长!
这个作者很懒,什么都没留下…
展开
-
CSS 属性之 :before 和 :after 的简单使用
:before 属性和 :after 属性的使用和普通的标签元素一样。需要注意的是:通过 content 属性进行文本插入,如果 content 内容为空,需要添加 position: absolute;,不然无法显示出效果...原创 2020-04-20 16:46:32 · 701 阅读 · 0 评论 -
Vue Element UI 之背景图自适应屏幕(多种方法分析,含可取不可取)
打算做背景图的图片高度过高,需要根据设备宽高显示图片,多余部分剪掉一、通过background-image.register{ width: 100%; height: 1060px; background-image: url(../assets/img/bg1.png); background-position: 0 0; background-repeat: no-rep...原创 2020-02-19 14:07:02 · 6594 阅读 · 0 评论 -
Vue Element UI 之背景图自适应屏幕(可取的方法)
需求说明:背景图的图片高度过高,需要根据设备宽高显示图片,多余部分剪掉 / 不显示尝试以下方法一、通过 CSS:background-image给 div 设置:background-size: cover;效果分析:当设备宽高比例和图片宽高比例一致时,图片能够实现自适应;当设备宽高比例和图片宽高比例不一致时,图片中多出部分将不显示。因此可以自适应PC端,但是无法自适应移动端和 iPad...原创 2020-02-19 13:52:00 · 12056 阅读 · 1 评论 -
CSS 之box-sizing
w3cschool参考一、box-sizing: border-boxborder-box为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度没有写box-sizing: border-box;写了box-sizing: border-box;二、效果图分析border-box 告诉浏览器去理...原创 2020-01-24 14:13:13 · 290 阅读 · 0 评论