我想通過發佈一些CSS技巧的問題(和另一主題中的jQuery技巧)和答案來分享一些知識它。
在這裏,我處理的CSS很簡單的問題,背景不填滿整個屏幕(< 100%寬度,< 100%高度),當CTRL -
(使網頁尺寸變小)背景圖像變小。
例如:http://jsfiddle.net/YEksu/3我的背景圖片不填滿整個屏幕,並獲得更小的頁面尺寸變小(CTRL-)
3
A
回答
4
只需添加background-size: cover;
的CSS。
這裏的例子:http://jsfiddle.net/YEksu/2
0
即使您沒有設置你的background-size: 100%;
和你的努力得到它全尺寸?只需將background-size: 100%;
或background-size: cover;
添加到您的樣式表。 demo
相關問題
- 1. 背景圖片不會填滿屏幕
- 2. 在更改屏幕尺寸的同時,背景變得更小,並且divs在彼此之下變得更小
- 3. 整頁背景圖片尺寸建議
- 4. 我不想背景圖片佔滿整個頁面的CSS
- 5. 屏幕尺寸的背景圖像
- 6. 當屏幕尺寸減小時自動調整圖像尺寸
- 7. 設置背景圖片填滿整個頁面
- 8. 爲較小尺寸的屏幕調整圖像大小
- 9. CSS背景圖片不適應屏幕尺寸
- 10. 背景圖片和封面圖片在小屏幕上消失
- 11. 背景圖片不再填充屏幕
- 12. 當響應網站上的背景圖片不適合屏幕尺寸變化
- 13. RS2008背景圖片尺寸調整
- 14. 我應該在不同的屏幕尺寸下放置背景圖片?
- 15. 調整背景大小圖像不同的桌面屏幕大小
- 16. `背景大小:封面`填滿邊框
- 17. CSS背景圖像顯得比圖像的尺寸小很多
- 18. 圖像在某些屏幕尺寸後不能調整大小
- 19. 下載圖片並獲得大小 - 不適用於大尺寸的圖片?
- 20. 如何使整個背景圖像適合不同尺寸的電腦屏幕?
- 21. 尺寸背景圖片?
- 22. 背景圖片尺寸
- 23. iOS背景圖片尺寸
- 24. 調整大小的UIScrollView 3.5和4英寸的屏幕尺寸
- 25. 獲取背景圖片來調整頁面大小
- 26. 根據屏幕尺寸調整背景圖像
- 27. 嘗試縮小圖片尺寸時圖片尺寸變大了
- 28. 儘管尺寸很小,背景圖片的內存問題
- 29. CSS - 我的圖片在較小的屏幕尺寸上重疊我的文字
- 30. 在網頁中調整背景圖片的尺寸