javascript - 做自适应网站时随着屏幕增大字体也要跟着增大，但“屏幕增大”的上限是多大呢？768px？1024px？

问题描述

问 题

做自适应网站随着屏幕增大字体要适当的增大；
但是屏幕增大的上限（就是过了这个点，即使屏幕增大字体也不会跟着增大了）应该是768px还是1024px呢？
36kr.com 这个网站是屏幕宽度从320px到820px字体会随着屏幕增大，这个820是怎么来的呢？是否有什么标准呢？

解决方案

pc端 的设计一般都会设置最大宽度，比如960PX. 也有其他的数值，这个数值不是定死的，只是大家都认可的一个标准。

按照你的描述，这种使用场景可以使用媒体查询来做。

如果包含移动端，可以考虑使用相对单位，比如rem. 根据屏幕尺寸计算根元素的font-size，后代元素就自然发生变化了。

这篇关于javascript - 做自适应网站时随着屏幕增大字体也要跟着增大，但“屏幕增大”的上限是多大呢？768px？1024px？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！