此教學將會分享 CSS 優良部份，以及點出網頁開發者常犯的錯誤，後期將會深度解析 Bootstrap 5、tailwindcss 的設計模式。
老師好，想請問background:cover與background:100%的差別是什麼？
在實作中使用100%除了當畫面變窄之外會填不滿畫面，或是開始repeat之外，其他顯示都差不多。
如果cover的作用是長寬的畫面都符合的話，那單純遇到一個長寬固定的div時，
是否cover優於100%的設定呢？！
如果用 100% 的話，當螢幕變窄時，圖片比例不對的話就會變形，像是這個範例就是，可以試著縮窄看看
你有提到長寬符合的話是否 ok，但因為現在每個使用者的載具都不同，所以就不大適合。另一種做法想用 100% 的話，就是當螢幕解析度是手機版的話，就提供另一種符合手機版 size 的圖片置換 background 也是種做法勒 :D
了解！謝謝～
iThome鐵人賽
看影片追技術