如何做淘客网站源码,临沂品牌网站建设公司,南京公司做网站,wordpress百度mlpelement ui在移动端的适配问题
问题1#xff1a;
给el-table表头添加背景色#xff0c;使用以下代码 :header-row-style“{ background: ‘linear-gradient(90deg, #0079FA 0%, #00C7DD 100%)’ }” 在安卓手机上显示正常#xff0c;在ios手机上显示背景色添加到每一个th中…element ui在移动端的适配问题
问题1
给el-table表头添加背景色使用以下代码 :header-row-style“{ background: ‘linear-gradient(90deg, #0079FA 0%, #00C7DD 100%)’ }” 在安卓手机上显示正常在ios手机上显示背景色添加到每一个th中了。如果背景颜色渐变也是在每个th中显示。 原因:ios手机是safiri浏览器safiri浏览器不支持给tr加背景色 解决办法给表头使用伪元素
::v-deep .is-group {position: relative;
}
::v-deep .is-group::after {content: ;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(90deg, #0079fa 0%, #00c7dd 100%);z-index: 0;
}
存在问题ios手机有橡皮筋特效在表格在弹动的时候会露出背景蓝色背景 解决办法给表格区域加白色背景。
::v-deep .el-table__body-wrapper {order: 1;background: #ffffff;
}问题2
设置统一的字号在i安卓和ios真机上字体显示不一致的问题ios上字号不统一有大有小。 解决办法
给元素设置dispaly:flex将盒子变成伸缩盒子。
