javascript - 移动端项目如何让rem计算不影响css样式的变形？
我在nuxt移动端项目中，使用rem计算根节点字体大小，但是有一个问题：打开页面，浏览器运行到这段代码时，页面已经有内容在展示了；根节点字体大小赋值后，会让页面内容重绘，导致 页面在第一次打开的时候，会有css的扭曲变动，请问如何避免这样的情况发生？
共有3个答案
上面也有朋友提到了，先把rem代码放header里运行。
以前手头上生产项目都是这样处理的，先把页面内容隐藏起来，rem计算代码运行完毕后再显示页面。
设置初始字体大小样式： 在CSS中为根节点设置一个初始的字体大小，以避免在计算和设置REM单位之前出现明显的字体尺寸变化。这样可以确保页面在渲染初始内容时已经具有一致的字体大小。
使用媒体查询： 可以使用媒体查询来适配不同的屏幕大小。可以在不同屏幕尺寸下使用不同的根字体大小，避免在加载时发生明显的变化。
把计算根节点字体那一段 JS 放到页面的最前面， head 里面
如果你了解过 flexible.js 的话，可以看到它的介绍里面就有。
1、内联这段 JS
2、放到在所有资源加载之前
参考：
- amfe/lib-flexible at master
-
data数据来自于后端编辑器的文章页，发现文章内容样式受全局样式的影响，如何让index-content的内容不受全局样式的影响？
-
我一直在计算机上从事laravel5项目，但现在我想继续另一个项目，但不知道如何：( 我使用的是wampserver，项目位于“www”文件夹中，这是我在尝试打开项目时遇到的错误：“内部服务器错误” 服务器遇到内部错误或配置错误，无法完成您的请求“
-
请看以下三个查询。我无法理解计算结果为TRUE的条件在附加到where子句时如何不返回行。我希望在第二个查询中得到User1，因为第一个查询显示条件的计算结果为TRUE。
-
本文向大家介绍javascript获取元素的计算样式，包括了javascript获取元素的计算样式的使用技巧和注意事项，需要的朋友参考一下 背景 使用css控制页面有4种方式，分别为行内样式(内联样式)、内嵌式、链接式、导入式。 行内样式(内联样式)即写在html标签中的style属性中，如 <div style="width:100px;height:100px;"></div> 内嵌样式即写在
-
如果执行win_obj.scrollTo(0,win_obj.scrollTop+100);能正确跳到指定位置，但是上面的样式修改就不会成功，如果不执行上面那句样式就可以正常修改，想知道如何能即修改样式又正常跳转位置
-
问题内容： 我知道CSS选择器具有最高的优先级（即< ）。 我还知道，如果事物具有相同的特异性，那么最后一个调用的语句将具有优先权： HTML类在DOM元素上的排序是否会影响语句优先级？ 问题答案： 我不得不不同意乔恩和沃森的回答，因为… 是的， 可以 （取决于声明） 您的问题是： CSS类在DOM元素上的排序是否会影响语句优先级？ 哪个确实取决于所讨论的语句。 HTML排序通常不重要 当直接调用