为什么制作的网页窗口缩小后排版会乱

今天网页做好后,发现把窗口缩小后,网页整个排版就乱了,请问这是为什么呀!刚学,很多不知道,谢谢!

窗口没缩小

img


窗口缩小后

img

在空间足够的情况可以使用min-width max-width min-height max-height
建议使用弹性盒布局,display: flex可以去搜的看看

父级宽度随浏览器缩小了 文字内容宽度被挤压了 所有布局乱了 给个固定宽度就行了

上代码!不要用绝对单位px用相对单位%、vw、vh