问题描述:如果不设置viewport,会导致移动端中较长的文字字体变化 简单来说,我现在有这样一段代码: Document This is not so long a piece of text. 然后我在chrome的手机模拟器里打开这个网页,一切正常。但是,如果我把内容换成下面这样(增加div内容长度): Document This is a very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very long piece of text. 此时,手机模拟器中的字体变得很大,用`getComputedStyle`获取字体发现字体变成了41.791px。 这个问题倒是很好解决,只要加上viewport meta标签就行,但是我没明白为什么同一个设备、同一个浏览器,只是内容长度不同,就会导致渲染出的字体大小不同? 录制了一段视频,如下: [[https://www.veed.io/view/a26252b7-1a3c-4ada-8b82-cbbc1e677621...](https://link.segmentfault.com/?enc=Vp%2Fa2Q6wXR2cLNHDZybXsw%3D%3D.jevKi1SbGKJgUU0Y8K9wMXs%2Fs6TaWYgTTGqrhK9jDygxGe8BG1qXbdy13OW13oxl7eGgfITPMSWn2SAw3l1yUskDq7QmFRulCVkHNDIV5Gk%3D)]