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

Question

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

Answer 1

pc端 的设计一般都会设置最大宽度，比如960PX. 也有其他的数值，这个数值不是定死的，只是大家都认可的一个标准。按照你的描述，这种使用场景可以使用媒体查询来做。如果包含移动端，可以考虑使用相对单位，比如rem. 根据屏幕尺寸计算根元素的font-size，后代元素就自然发生变化了。