网页缩放,文字排版变乱

学习网页制作,遇到问题如下:当使用ctrl+滚轮或者页面“+,-"放缩页面时
缩小情况下,页面的文字元素也会适当缩小,但缩小了仍然会溢出父级元素,导致换行然后排版变乱。
请问如何无论缩放页面,文字相对的位置和大小都不变(当然其父元素也适应性变化)
跪拜,指点

img

img

img

先不说如何做,我见过那么多网站没见过缩放网页还不影响字体,当然,影响布局的少见一些。你说的文本溢出问题可以设置一下文本属性,具体我也记不清了哈

用媒体查询 做,属于 进阶的css 技巧,你要是想学,可以自己研究一下。这里我告诉你,支持网页缩放他也得有个限度,网页缩放换个思维方式无非就是分辨率被放大和缩小了,你针对分辨率去做css 样式就可以搞定。

【JS监听浏览器缩放比例-哔哩哔哩】 https://b23.tv/IDL4vlY

设置最小宽度就行了吧,min-width

用媒体查询+rem写css

宽度用百分比设置也行

给盒子一个min-width:400px 看着给
他缩小到你这个宽度就不缩小了