HTML页面缩小时怎么才能让字体与原来页面一样符合呢?

想让页面缩小或放大后 字体不会太大或太小。(其实 放大好像没什么影响,主要是缩小,详情看下图)


这是100%情况下的


这是放大后的


我看过关于 px em % 的相关文章,也尝试过了, 比如,body里设置 font-size: 13px; 然后在选择器里用 % 或者 em 。然而,感觉没什么用...

PS: 这网页我练习用的,本人在校学生

----------------------补充----------------------------------------

感谢前三楼的回答。 我已经有了一个大概的认识。

不过 rem 我暂时还用不到它。

我已经知道问题了,我的文字会从框中飞出来,而别人的网站就不会,我接下去会找怎么解决这个问题的。(可能还会来提问....

阅读 11.1k
3 个回答

浏览器对页面字体缩放有限制的。比如chrome最低只支持12px的中文字显示,也就是说你无论缩小多少它只显示12px字体。

用媒体查询吧,少年

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题