浏览器缩放,会导致布局打乱,解决方法?
在刚学会做自适应的时候,我们喜欢用百分比定义宽度,却会遇到这样一个现象,如果页面头部样式定义了宽度100%,那么当浏览器窗口缩放的时候就会发现有部分内容被截断或显示不全。 原因通常就是你的元素浮动了,最好设置个最小宽度min-width:具体宽度值 px;,如果你需要自适应,用media查询
解决:
有些地方不写死的话可以用min-width和max-width来限制一下。不然你父容器用百分比设置宽度,而子元素用固定的px设置宽度,当你父容器缩小到一定程度的时候肯定容不下固定宽度的子元素。如果想百分比和固定宽度混用的话最好设置一下min-width和max-width
本文内容仅供个人学习/研究/参考使用,不构成任何决策建议或专业指导。分享/转载时请标明原文来源,同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦~感谢您的理解与支持!