CSS2
如果需要放大图像，则必须在图像编辑器中编辑图像本身。
如果使用img标签，则可以更改大小，但是如果您需要将图像作为其他内容的背景，那将无法达到预期的效果（并且它不会像您想要的那样重复出现）…
CSS3 释放力量
在CSS3中使用可以做到这一点
background-size。
所有现代的浏览器都支持此功能，因此除非您需要支持旧的浏览器，否则这是这样做的方法。
支持的浏览器：
Mozilla Firefox 4.0+（Gecko 2.0 +），Microsoft Internet Explorer 9.0 +，Opera 10.0
+，Safari 4.1+（webkit 532）和Chrome 3.0+。
.stretch{ background-size: 200px 150px;}.stretch-content{ background-size: 100% 100%;}.resize-width{ background-size: 150px Auto;}.resize-height{ background-size: Auto 150px;}.resize-fill-and-clip{ background-size: cover;}.resize-best-fit{ background-size: contain;}特别是，我喜欢
cover和
contain赋予我们前所未有的控制权的价值。
回合
您还可以
background-size: round结合使用具有重复含义的含义：
.resize-best-fit-in-repeat{ background-size: round auto; background-repeat: repeat;}这将调整图像宽度，使其适合背景定位区域中的所有次数。
附加说明
如果您需要的大小是静态像素大小，则可以通过物理方式调整实际图像的大小。这既可以提高调整大小的质量（假设您的图像软件比浏览器做得更好），又可以在原始图像大于要显示的图像时节省带宽。
