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

文文问问

ElementUI `date-picker`组件类型为时间范围时,在移动端上宽度超出屏幕宽度,应该如何设置? 在官网没有看到对弹出部分进行设置的相关说明 ![image.png](https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241105/e4473d4ec2e8fadaf0edd431947e0ca6.png)

阅读量:18

点赞量:0

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