一张清晰漂亮的背景图可以给网页加分不少。 如何让背景图片因码率不同而变形html图片等比例缩放，并且在屏幕较大时不希望背景曝光。 简而言之html图片等比例缩放，就是实现一个能够适应屏幕尺寸而不变形的大背景图片，但是背景图片不会随着滚动条的滚动而滚动。
方法一、设置：
样式=“背景大小：100%；
背景附件：固定； ” >
在：
background-size:100% 是窗口达到的百分比
background-attachment:fixed 表示图像是固定的，不会随着页面滚动而连接。
下面给出完整的源代码
图片自适应
背景图片自适应屏幕
背景图片自适应屏幕
背景图片自适应屏幕
背景图片自适应屏幕
背景图片自适应屏幕
背景图片自适应屏幕
背景图片自适应屏幕
背景图片自适应屏幕
背景图片自适应屏幕
背景图片自适应屏幕
背景图片自适应屏幕
背景图片自适应屏幕
背景图片自适应屏幕
背景图片自适应屏幕
背景图片自适应屏幕
背景图片自适应屏幕
保存文件名：如何使背景图片适应screen.html
跑步疗效：
方法二：设置：
背景大小：100%；
背景附件：固定； ” >
下面给出完整的源代码
图片自适应2
背景图片自适应屏幕
背景图片自适应屏幕
背景图片自适应屏幕
背景图片自适应屏幕
背景图片自适应屏幕
背景图片自适应屏幕
背景图片自适应屏幕
背景图片自适应屏幕
背景图片自适应屏幕
背景图片自适应屏幕
背景图片自适应屏幕
背景图片自适应屏幕
背景图片自适应屏幕
背景图片自适应屏幕
背景图片自适应屏幕
背景图片自适应屏幕
保存文件名：如何使背景图片适应屏幕2.html
运作效能：
推荐使用方法二。
日程
HTML body 元素（通常称为标签）表示文档的内容。 该元素中包含的属性background 使用URI 指向的图像作为背景。 此方法不符合规范，请使用CSS背景属性代替。 另请参阅：文档正文元素 - HTML（超文本标记语言）| MDN">：文档正文元素 - HTML（超文本标记语言）| MDN
CSS的background-size属性指定背景图像的大小，以像素或比例显示，参见
背景大小-CSS（层叠样式表）|MDN
CSS的background-attachment属性决定背景图像的位置是在图层内固定，还是随包含它的块滚动，请参阅background-attachment-CSS（级联样式表）| MDN
CSS 的background-image 属性用于为元素设置一张或多张背景图像。 请参阅背景图像-CSS（级联样式表）|MDN
