CSS是一種用于網頁排版的語言，它可以控制 HTML 網頁中的所有元素的樣式和布局。其中，如何讓圖片占據100%屏幕寬度是一個常見的問題。

img {
width: 100%;
}

使用上述代碼可以實現讓圖片寬度占據整個屏幕的效果。但是，有時候圖片的尺寸可能比屏幕的寬度小，為了使圖片不失真或出現空白，可以使用 CSS 的 background-image 屬性。

html{
background-image: url("image.jpg");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}

使用以上代碼，將圖片設置為網頁的背景圖案，并且使用 cover 屬性讓圖片盡可能地覆蓋整個屏幕， background-position 屬性讓圖片始終居中， background-repeat 屬性讓圖片不重復。這樣我們就可以實現讓圖片占據100%屏幕寬度的效果了。