css如何使頁(yè)面縮小后不變？1. 打開編輯器，創(chuàng)建一個(gè)HTML文檔，并設(shè)置基本架構(gòu)。2. 我們使用img標(biāo)簽來(lái)嵌入圖像，我們可以看到如果頁(yè)面收縮，圖像不會(huì)收縮，所以頁(yè)面會(huì)變形。3. 然后創(chuàng)建一個(gè)CSS

css如何使頁(yè)面縮小后不變？

1. 打開編輯器，創(chuàng)建一個(gè)HTML文檔，并設(shè)置基本架構(gòu)。

2. 我們使用img標(biāo)簽來(lái)嵌入圖像，我們可以看到如果頁(yè)面收縮，圖像不會(huì)收縮，所以頁(yè)面會(huì)變形。

3. 然后創(chuàng)建一個(gè)CSS文檔并將其與當(dāng)前HTML文檔相關(guān)聯(lián)。使用鏈接標(biāo)記。

4. *{text align:Center}img{width:800px height:800px}為了便于顯示，我們首先將圖像居中，并設(shè)置底部的長(zhǎng)度和寬度。

5. @僅媒體屏幕和（最大寬度：600px）{img{width:300px height:300px}現(xiàn)在我們?cè)贑SS文件后添加這行代碼，這意味著當(dāng)頁(yè)面縮小到600px時(shí)，圖片的長(zhǎng)度和寬度也會(huì)減小。在這里我們要注意尺度。

6. 然后我們?cè)囍s小頁(yè)面的大小，我們可以看到它會(huì)縮小，這樣我們就可以做出同樣的效果。