建议使用专用的移动端组件库, 下面的你可以试试:
":editable="false"" 是移动端禁止键盘弹出
@media (max-width: 768px) {
.el-date-range-picker .el-picker-panel__body {
min-width: 100%;
}
.el-date-range-picker__content{
width: 100% !important;
}
.el-date-range-picker{
width: 80% !important;
}
.el-date-range-picker__content{
margin: 0px;
padding: 5px;
}
.el-date-range-picker__content.is-left{
padding-bottom: 0px;
}
.el-date-range-picker__content.is-right {
padding-top: 0px;
}
.el-date-table th{
padding: 0px;
}
.el-date-table td{
padding: 0px;
}
}
因为这个组件的结构是与"#app"同级别的:
"image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241105/c66d0684f34d02594d39056e2586b444.png)
因此需要在全局或者使用的组件"style"标签不能加"scoped"属性