自适应
weixin_40624809
这个作者很懒,什么都没留下…
展开
-
element ui 固定列的长度
当固定列宽度为100% 时,固定列下的滚动条 无法拖动当固定列宽度为100% - 滚动条高度, 其他分辨率时,固定列会短一截。.el-table__fixed { height: 100% !important; pointer-events: none; .el-table__fixed-body-wrapper{ pointer-events: all }}...原创 2021-07-02 11:01:13 · 529 阅读 · 0 评论 -
CSS Viewport (视口)单位
类型视口单位为:vw(视口宽度),vh(视口高度),vmin和vmax。视口单位基于页面的根元素,百分比则基于它们所在的容器1. vw(视口宽度)vw单位表示根元素宽度的百分比,1vw等于视口宽度的1%2. vh(视口高度)vh单位表示根元素高度的百分比,一个vh等于视口高度的1%。3. Vmin (宽和高哪个小取哪个)vmin表示视口的宽度和高度中的较小值,也就是vw 和 vh 中的较小值。如果视口宽度大于其高度,则将根据高度计算该值。4.Vmax (宽和高哪个大取哪个)vmax与vm原创 2020-11-16 13:58:34 · 330 阅读 · 0 评论 -
el-table改变窗口大小的时候,不出现滚动条(自适应)
在每一列上加最小宽度min-width="5% 剩余空间会自动分配 <el-table-column prop="roomName" label="车间" min-width="5%"> </el-table-column> <el-table-column prop="carType" label="车型" min-width="5%"> </el-table-column>..原创 2020-09-23 10:05:52 · 2351 阅读 · 0 评论 -
@media 查询 使用
Media参数width:浏览器可视宽度。height:浏览器可视高度。device-width:设备屏幕的宽度。device-height:设备屏幕的高度。orientation:检测设备目前处于横向还是纵向状态。aspect-ratio:检测浏览器可视宽度和高度的比例。(例如:aspect-ratio:16/9)device-aspect-ratio:检测设备的宽度和高度的比例。color:检测颜色的位数。(例如:min-color:32就会检测设备是否拥原创 2020-09-03 17:35:24 · 126 阅读 · 0 评论 -
缩放比例 页面缩放 自适应布局(布局不变)vue
1. 阐述问题 :搜索框组件(日期选择器,input ,搜索按钮)在100% 125% 150%这三个比例下,日期选择器的大小不变。(日期选择器用的element-ui的 el-data-picker,搜索框组件布局用的栅格)思路来源跳转链接2. 组件样式.input-z-index { //搜索框组件 最外面的div z-index: 9999; min-width: 780px; //原本写的是 width:780px; margin-right原创 2020-08-26 17:55:22 · 9231 阅读 · 0 评论 -
页面自适应(media)
问题阐述下面这个图片中的菜单,在不同分辨下,需要改变间距。1.min-width这个值应该是屏幕可见的宽度/* Medium devices (landscape tablets, 768px and up) */@media only screen and (min-width: 768px) { .avue-top .el-menu-item { margin: 0 3px; padding: 0 35px; border-bottom: 1px s原创 2020-08-06 20:21:12 · 154 阅读 · 0 评论