ElementUI date-picker 组件在移动端上宽度超出屏幕宽度?-灵析社区

一只臭美的Doggg

建议使用专用的移动端组件库, 下面的你可以试试: `: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`属性

阅读量:1

点赞量:0

问AI