有一件很奇怪的事情就是CSS撿槍不加子彈。
/* 這是CSS樣式 */ p { color: red; }
我們都知道CSS的作用是為網頁添加樣式,控制網頁的外觀和布局。如果沒有CSS,那么網頁就很難看,也不容易閱讀。但是在我們的CSS文件里,卻經常看到類似這樣的代碼:
/* CSS樣式代碼 */ background-image: url('some-image.jpg');
這段代碼的作用是為元素添加一個背景圖像。但是這里的問題是,為什么我們不在這段代碼中指定背景圖像的尺寸呢?為什么我們不把它寫成這樣:
/* CSS樣式代碼 */ background-image: url('some-image.jpg'); background-size: cover;
這樣寫的好處是,我們可以確保背景圖像無論在哪種設備上都可以完美呈現。但是,為什么大多數CSS作者不這樣寫呢?
造成這種現象的原因是這段代碼受到了很多老舊瀏覽器的限制。在過去的一段時間里,如果我們指定了背景圖像的尺寸,在某些瀏覽器上就會出現問題。因此,為了不讓這些瀏覽器無法正常渲染網站,許多CSS作者都選擇不通過CSS設置背景圖像的尺寸。
這種限制是目前的瀏覽器已經不存在了,所以寫CSS的人們現在可以自由地添加這個屬性。
總之,這些年來,CSS作者經常撿槍不加子彈,因為忍受這些老舊瀏覽器的限制就好了。
上一篇為什么css浮動不在一起
下一篇為什么css布局會有空行