@media screen and (max-width: 500px) {
.el-message {
min-width: 300px !important;
}
}
@media screen and (max-width: 500px) elementUI 组件兼容移动端(媒体查询)
最新推荐文章于 2025-09-25 01:15:11 发布
这段代码展示了如何使用CSS媒体查询@media来实现不同屏幕宽度下的元素尺寸调整。当屏幕宽度小于500px时，.el-message、.el-message-box和.el-dialog组件的宽度分别设置为300px，并相应地调整了内部元素的 padding、label宽度及输入框宽度，确保在小屏设备上的良好显示。
最低0.47元/天 解锁文章
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
