在页面渲染的时候样式乱了

在谷歌中这个页面加载的时候页面开始是出现这种情况
等页面加载完成后页面的样式才正确
图片的宽度的大小用的是获取的浏览器的宽度
这种情况怎样导致的？

---

css引用的放在head里了?css往上放~

---

先加载css，在加载js