网页缩小后，字体就被挤得不成样子了

                 这是网页缩放到25%之后的效果。

                    这是正常网页显示的效果。

                    想问下前辈们为什么会这样？

如果是要用于移动端开发，可以使用媒体查询

前辈解决了吗，麻烦问下这种情况怎么处理？

html顶部加上一行：

 <meta name="viewport" content="width=device-width, initial-scale=1.0">