quasar vue3 控制页面布局固定，也就是限制页面自适应和响应式

问题描述

提示：这里描述具体问题：在开发中我们想要固定页面布局，不受浏览器放大缩小影响。
原始页面：

缩小效果：

---

原因分析：

提示：这里填写问题的分析：浏览器放大缩小都会调用resize函数。如果在布局时没有特殊处理，页面默认是自适应，为了响应手机页面的布局，所以就是自适应，也叫响应式布局。

---

解决方案：

提示：这里填写该问题的具体解决方案：在<div class="page">容器或<q-page class="page">中增加属性class，来限制页面就好了。这个需要max-width和min-width相等。就会限制页面自适应。

.page{
max-width: 1540px;
min-width: 1540px;
}

---

欢迎评论：

提示：欢迎大家在评论区讨论相关问题。
可以关注博主，我会持续更新工作中遇到的技术小砖头，供大家使用。
也可以在评论区告知好的小砖头或技术，我会收录。
还可以指出本博文错误，希望大家不吝