Mia好纠结

vue3 入口文件 App.vue中如何设置 viewport？

vue3的项目打算全局加入 viewport，但发现入口文件App.vue中的template中只有如下几行。 很迷惑直接放进去，但运行之后又可以了，是vue自动识别然后移动到了中吗？还是必须写在区域，但发现好像随便放都会自动挪到标签中。 # App.vue

邦纳娜娜

为什么如果不设置viewport，会导致移动端中较长的文字字体变化?

问题描述：如果不设置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)]