img { max-width: 100%; height: auto; }
上面的代码告诉浏览器将图像的最大宽度设置为100%。这意味着图像将根据其容器的大小进行缩放,但不会放大。另外,高度设置为自动,这意味着图像的高度将根据宽度和原始比例进行调整。
如果您只想限制较大的图像放大,您可以添加一个max-height属性:
img { max-width: 100%; max-height: 600px; height: auto; }
上面的代码设置图像的最大高度为600像素。如果图像高于600像素,则该代码将对其进行裁剪。
总的来说,使用CSS可以轻松地控制您网站上的图像大小,包括取消其放大。如果您想进一步了解CSS的使用,请查看相关教程并进行实践。