導(dǎo)航是網(wǎng)站或應(yīng)用程序中經(jīng)常使用的一種功能，用戶可以在不同的頁面之間切換，訪問不同的內(nèi)容。在導(dǎo)航中，通常需要使用圖片來展示不同的圖標(biāo)和指示器。但是，在 CSS 中顯示圖片可能會(huì)出現(xiàn)一些問題，例如圖片無法正確顯示、顯示不正確、圖片顯示不正常等。本文將介紹如何在 CSS 中正確顯示圖片。

width: 100px;

height: 100px;

border: 0;

background-color: black;

以上代碼將設(shè)置圖片的寬高為 100 像素，并使用黑色背景。

但是，有時(shí)候我們可能會(huì)遇到顯示圖片的問題。例如，圖片可能會(huì)顯示不正確、圖片可能會(huì)顯示不正常、圖片可能會(huì)顯示太小或太大等問題。這時(shí)，我們可以使用 CSS 的媒體查詢來設(shè)置圖片的顯示方式。媒體查詢是一種CSS技術(shù)，可以根據(jù)設(shè)備的屏幕尺寸、分辨率等條件來調(diào)整圖片的顯示方式。例如，如果設(shè)備屏幕尺寸為 480 像素，分辨率為 1280 x 720，則可以使用以下代碼來設(shè)置圖片：

@media screen and (max-width: 480px) {

width: 480px;

height: 480px;

以上代碼將設(shè)置圖片的寬高為 480 像素，以適應(yīng)屏幕大小。