![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
满楼、
砥砺前行
展开
-
vue页面布局的自动缩放
vue页面布局的自动缩放原创 2022-04-13 11:16:54 · 1481 阅读 · 1 评论 -
Element UI 响应式布局实现一行5列布局
el-row el-col 实现一行5列1、自定义类名 <el-col :lg="{span:'4-8'}" :md="8" :sm="12" :xs="24"> .... </el-col>2、书写不同屏幕大小下,类的样式 @media only screen and (min-width: 768px) { .el-col-sm-4-8 { width: 20%; } .el-col-sm-offset-4-8 {原创 2022-03-01 11:08:47 · 3073 阅读 · 1 评论 -
css 实现隐藏滚动条但可以滚动的效果
//html<div class="outer-container"> <div class="inner-container"> ...... </div></div>//css.outer-container{ width: 300px; height: 200px; position: relative; overflow: hidden;}.inner-container{ position: abso原创 2021-06-22 17:09:00 · 100 阅读 · 0 评论 -
css背景图片自适应
#background { background-image: url('../../assets/background.png'); height: 100vh; position:fixed; top: 0; left: 0; width:100%; min-width: 1000px; z-index:-10; zoom: 1; background-color: #fff; background-size: cover; -webkit-backgro原创 2021-02-25 15:40:31 · 208 阅读 · 1 评论 -
css3实现垂直水平居中7种方法
1.知道子级宽高固定 (定位 +负margin) <view class="parent-box"> <view class="children"> </view> </view>.parent-box{border: 2rpx solid red;position:relative;width:600rpx;height:600rpx;}.children{position:absolute;background:g原创 2020-08-24 14:25:39 · 399 阅读 · 0 评论 -
box-shadow 详解
原创 2020-07-09 09:28:36 · 220 阅读 · 0 评论