Question

第一次加载页面时，图像不会显示一秒钟（就像它们不可见）。页面的结构似乎是分散的。如果你点击刷新，那很好。是否有可以解决此问题的修复程序？

Answer 1

如果问题严格来自图片，我相信您可以使用height标记的width和<img>属性来告诉浏览器图片的大小。这将允许它在加载所有内容之前正确“放置”所有内容。

编辑：其他人建议使用CSS，我相信使用CSS中的height和width指令可以获得与使用<img>标记的相同属性相同的结果，但是并不严格限制图像，并且使用您可能使用的任何margin或padding指令都会更好。

Answer 2

是的，但它们都不是很简单。其中一个最简单的方法是将所有页面隐藏在div或其他内容中，直到所有内容都加载完毕。

Answer 3

这就是HTML在满载之前解决问题的方法。它显示加载时的加载情况。当元素被加载时，它们可以推动各种事物以适应HTML的宽容。

如果您希望页面在加载时“正确”加载，那么请查看CSS布局。

当您点击刷新时它会正确显示，因为数据已经缓存在您的计算机上并且加载速度更快。

Answer 4

试试这个：

<script type="text/javascript">
window.onload = function() {
    document.body.style.display = 'none';
    document.body.style.display = 'block';
};
</script>

加载时网页显得分散？

4 个答案: