我的文档在加载时移动很多（即使花费了不到1秒的时间），也很丑陋。
出于某种原因是这样做的错误做法吗？
<body style="display:none";>
...
<script>window.onload = function() { $('body').css('display', 'block'); }</script>
答案 0 :(得分：1)
嗯，这是基于一点意见的，但是在某些情况下，它被认为是不好的做法：逐步增强。在这种Web设计策略中，内容优先，以确保即使没有激活JavaScript的用户也可以访问内容。这是一项建议，您可以在这里了解更多信息：https://en.m.wikipedia.org/wiki/Progressive_enhancement
答案 1 :(得分：0)
如果仅使用CSS规则将尺寸设置为内部元素，则问题可能仅在性能方面
如果您使用JavaScript设置内部元素（与父元素成比例）的静态尺寸（px），则您的应用将无法正常工作（div的宽度为0，而display:none的宽度为）
顺便说一句，这种做法会带来性能问题。这是因为整个重绘会在body onload（并取决于CPU）上被调用。
页面加载期间的渐进式渲染可确保缓慢的CPU在可接受的时间内渲染页面