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% 的图片可能会失真或模糊，特别是在高分辨率屏幕上。而且，拉伸后的图片文件也会变大，可能会影响网页的加载速度。因此，应该在选择图片时考虑图片的分辨率和文件大小，避免过度的拉伸和质量损失。