admin管理员组

文章数量:1530247

问题描述

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

缩小效果：

原因分析：

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

解决方案：

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

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

欢迎评论：

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

本文标签： 页面自适应布局也就是quasar

版权声明：本文标题：quasar vue3 控制页面布局固定，也就是限制页面自适应和响应式 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/dianzi/1726625057a1078675.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。