CSS實(shí)現(xiàn)圖片鋪滿全屏而且不變形？我想知道您對(duì)圖片本身的完整顯示是否有任何要求？我給你個(gè)主意。你可以決定是否可行。我懶得給你舉例。找一張足夠大的圖片來(lái)居中隨著技術(shù)的更新和迭代，前端工作變得越來(lái)越繁重和

CSS實(shí)現(xiàn)圖片鋪滿全屏而且不變形？

我想知道您對(duì)圖片本身的完整顯示是否有任何要求？我給你個(gè)主意。你可以決定是否可行。我懶得給你舉例。找一張足夠大的圖片來(lái)居中

隨著技術(shù)的更新和迭代，前端工作變得越來(lái)越繁重和復(fù)雜。

CSS技術(shù)就像一個(gè)數(shù)學(xué)問(wèn)題。它有太多的可變性。這就是困難所在。例如，您可以清楚地看到11=2，但是您是否需要考慮1 1000-10 1100 123的問(wèn)題？

隨著CSS3的出現(xiàn)，CSS不再簡(jiǎn)單，CSS3動(dòng)畫、變形、漸變、過(guò)濾器等

布局有彈性、網(wǎng)格等。就像數(shù)學(xué)問(wèn)題一樣，任何組合都是一種新類型的問(wèn)題，變得極其復(fù)雜。所以學(xué)好基礎(chǔ)知識(shí)更重要，要有各種知識(shí)，扎實(shí)的基礎(chǔ)知識(shí)，看問(wèn)題類型，有自己的想法，有多種解決方法，不受限制。CSS有復(fù)雜和困難的樣式，我們可以使用多種解決方案，比如canvas、SVG、真不圖像等等。

CSS為什么這么難學(xué)？

！

1. 我們可以將圖像的IMG標(biāo)簽設(shè)置為寬度或高度的任意一個(gè)，圖像將自動(dòng)等比縮放。下面是代碼，如圖所示。

2. 然后，打開瀏覽器查看縮放圖像效果，如下圖所示。

3. 我們也可以使用CSS3方法，變換比例，來(lái)縮放圖像。如圖所示。

4. 最終的縮放效果如下圖所示。

如果要將圖片的高度和寬度設(shè)置為不超過(guò)固定值，則當(dāng)圖片的高度或?qū)挾瘸^(guò)此值時(shí)，需要將圖片縮小到此大小。

1. 對(duì)于現(xiàn)代瀏覽器，如Firefox或IE7及更高版本，可以直接使用兩個(gè)CSS屬性max width和max height。

2. 對(duì)于IE6.0及以下版本，上述兩個(gè)CSS屬性將不會(huì)被忽略。在處理這類事情之前，我們經(jīng)常使用JavaScript。