css
Lval
这个作者很懒,什么都没留下…
展开
-
css 缩放zoom属性
zoom属性用于设置或检索对象的缩放比例。原创 2022-12-12 10:42:01 · 1037 阅读 · 1 评论 -
vue中修改element-ui样式
1.给组件加上id或者class,然后添加一个style,不要加scoped(vue可以有多个style),在组件里直接修改2.利用深度::v-deep深度修改组建的样式,可以直接写在到scoped作用域的style里面例:修改table表格<!-- 在element组件外加一层div,使其只在这个div内生效,防止改变全局 --><!-- 表头部分的样式需要利用组件提供的属性配合事件修改 --><div class="table-wrapper"> <原创 2020-11-19 13:23:59 · 1798 阅读 · 0 评论 -
css的pointer-events属性(点透)
pointer-events CSS 属性指定在什么情况下某个特定的图形元素可以成为鼠标事件的 target,也就是说他可以设置一个元素是否可以触发事件语法:pointer-events: auto默认值,与pointer-events属性未指定时的表现效果相同pointer-events: none元素永远不会成为鼠标事件的target。但是,当其后代元素的pointer-event...原创 2019-12-12 11:41:15 · 380 阅读 · 0 评论 -
css的视口单位vw、vh的使用
什么是视口?在桌面端,视口指的是在桌面端,指的是浏览器的可视区域;而在移动端,它涉及3个视口:Layout Viewport(布局视口),Visual Viewport(视觉视口),Ideal Viewport(理想视口)。视口单位中的“视口”,桌面端指的是浏览器的可视区域;移动端指的就是Viewport中的Layout Viewport。视口单位根据CSS3规范,视口单位主要包括以下4个...转载 2019-04-18 17:04:03 · 1080 阅读 · 0 评论 -
移动端设置文字居中时偏上的问题
移动端使用行高设置文字垂直居中时偏上问题使用line-height设置行高使文字垂直居中时,安卓机文字显示偏上解决方法:flex布局 .box{ display: flex; justify-content: center; align-items: center; }...原创 2019-06-21 15:28:16 · 3258 阅读 · 1 评论 -
object-fit 解决图片变形问题
object-fit 属性指定可替换元素的内容应该如何适应到其使用的高度和宽度确定的框。 .goods-info .img-box img { display: block; width: 125px; height: 126px; margin: 15px auto; object-fit:cover; ...原创 2019-07-08 11:17:42 · 1758 阅读 · 0 评论