萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 網頁FOUC問題導致網頁混亂的解決方法
網頁FOUC問題導致網頁混亂的解決方法
網頁FOUC就是指css樣式最後才加載出來渲染html。因此會先看到混亂的網頁，再看到正常的頁面，解決很簡單通過在head標簽裡引用CSS即可
FOUC是文檔樣式短暫失效(Flash of Unstyled Content),簡稱為FOUC。簡單地說，就是指css樣式最後才加載出來渲染html。因此會先看到混亂的網頁，再看到正常的頁面。
出現的原因就很容易推測出：
1、css文件加載放到了html文檔末；
2、使用了@import導入css
解決方案：
在<head>標簽裡面引用<link>CSS.
- 上一頁:網頁的版式設計
- 下一頁:搜索文本框焦點離開時文本位置跳動問題解決方法
交互設計排行
程序編程推薦
相關文章
圖片文章
copyright © 萬盛學電腦網 all rights reserved