最近遇到乙個pc端的小bug,乙個按鈕的hover二態是乙個序列幀動畫，頁面重新整理後滑鼠浮到按鈕上二態的動畫有乙個明顯的閃爍，這讓我的體驗就很不好了，更別說使用者了。之前也遇到過二態閃爍的情況，但是那個二態是一張靜態圖，直接用雪碧圖合併一下就ok了，但是這次是乙個序列幀動畫呀，沒辦法合併，怎麼辦呢？找閃爍的根本原因唄
hover的時候要載入顯示到頁面上，在載入的時候就會閃爍一下，同事建議將二態序列幀預載入一下，但是之前試過，行不通。
就像老大說的：「我相信任何問題都會有解決辦法的」
我也信。
讓二態在頁面渲染的時候就直接載入到頁面上，hover的時候就不用再次將二態序列幀渲染到頁面上。
設定兩個span標籤，乙個放一態，乙個放二態，hover的時候通過opacity來控制一二態的顯示與否。這個非常可行。完美！
解決PC端和移動端自適應問題？
通常需要考慮到不同電腦螢幕尺寸，以及不同手機螢幕大小等問題，解決樣式發生改變的情況，現在主要是採用自適應來解決高度，寬度的，以及自適應問題 現在有很多人的ie瀏覽器都公升級到ie9以上了，所以這個時候就有又很多詭異的事情發生了，例如現在是ie9的瀏覽器，但是瀏覽器的文件模式卻是ie8 為了防止這種情...
PC端和移動端自適應問題解決方法
簡單理解為可視區域最大寬度為600px，即大於600px下不生效。media screen and max width 600px 簡單理解為可視區域最小寬度為900px，即大於900px下生效。media screen and min width 900px 總結為 如果對min 就是如果寬度在大...
如何處理pc端的字型大小的適配問題（完美解決）
export const resetpc else 將上面的 在專案啟動的時候進行初始載入 這裡主要設定的是html的根字型大小，需要進行body的字型大小的初始化，我一般設定font size 14px,否則會導致頁面的部分字型變大 這裡的是頁面的初次載入的時候進行引入初始，但不推薦window....