以前是在pc上用，也沒有覺得不妥，如今要在移動端用，問題就來了，以前呢，做前端，兼容各種瀏覽器，就夠讓人頭疼了，現在還要兼容各種屏幕尺寸。

開始呢，是做了N張不同大小的gif圖。用javascript去判斷屏的大小，然后選擇適當的gif圖片，這樣做的缺點是很顯的，說多了都是淚。現在我要做的，就是

換成css3去實現這個效果。下面看效果圖：

有興趣的，可以復制下面的源碼：

這里是為了方便演示，對瀏覽器的兼容省略了，實際項目中，我用js進行了封裝，方便調用和控制。

本例只記錄一下原理，封裝后的代碼就不貼了。下面發一張應用中的效果裁圖。

css3能做的還有很多，以后慢慢分享。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com