CSS 圖片的拉伸是網站設計中重要的一部分，可以使圖片在不同的屏幕尺寸下自適應。其中，CSS 的 width 和 height 可以用來設置圖片的寬度和高度，而 background-size 屬性可以讓圖片拉伸到屏幕的 100%。

background-size: 100%;
background-image: url("example.jpg");
background-repeat: no-repeat;
background-position: center center;

這段代碼的作用是將 example.jpg 這張圖片拉伸到屏幕的 100% 并居中顯示，同時設置了不重復。可以在任何地方使用這段代碼，例如設置背景圖片或對 div 進行背景渲染。

需要注意的是，拉伸到屏幕 100% 的圖片可能會失真或模糊，特別是在高分辨率屏幕上。而且，拉伸后的圖片文件也會變大，可能會影響網頁的加載速度。因此，應該在選擇圖片時考慮圖片的分辨率和文件大小，避免過度的拉伸和質量損失。