webpack4.x+Vue引用mui显示九宫格变六宫格

本文介绍了一种在使用mui框架时遇到的grid布局显示异常问题的解决方案。问题出现在尝试实现三行三列或两行三列布局时,发现布局并未如预期般展现。解决的关键在于在HTML文件头部正确设置视口元标签,确保在模拟手机端测试时能够适配不同设备的屏幕尺寸。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

直接在mui源代码里面粘贴复制grid-default的ul代码,但是我这样子做之后,并不是所期待的三行三列或者两行三列。

原因在于我们的原始html文件最上方,需要 添加一项设置:

就是那个第二行,让我们在模拟手机端测试的时候,就可以适配当前模拟机型的尺寸。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值