浏览器缩放,会导致布局打乱,解决方法?/一缩小网页布局就打乱了怎么办?

Posted showcase

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了浏览器缩放,会导致布局打乱,解决方法?/一缩小网页布局就打乱了怎么办?相关的知识,希望对你有一定的参考价值。

原因通常就是你的元素浮动了,最好设置个最小宽度min-width:具体宽度值 px;,如果你需要自适应,用media查询

 

有些地方不写死的话可以用min-width和max-width来限制一下。不然你父容器用百分比设置宽度,而子元素用固定的px设置宽度,当你父容器缩小到一定程度的时候肯定容不下固定宽度的子元素。如果想百分比和固定宽度混用的话最好设置一下min-width和max-width
---------------------

原文:https://blog.csdn.net/qq_35661171/article/details/78734497

以上是关于浏览器缩放,会导致布局打乱,解决方法?/一缩小网页布局就打乱了怎么办?的主要内容,如果未能解决你的问题,请参考以下文章

判断显示器分辨率,并实现网页缩放,类似于浏览器缩小比例的js代码

flex布局

浏览器缩小页面,布局就乱了,怎么办?

火狐浏览器怎样设置默认的页面缩放比例?

网页界面怎么调整大小

如何让网页跟着 浏览器全比例缩小