控制图片大小调整宽度

不知道遇到这样的情况：在CSS控制图片的大小，如果图像的宽度是写死的，如img {宽度：500px；}，但如果图片的宽度大于500px可以较好的控制它不让它太大，但如果图片宽度小于网站500px，例如，只有100px，现在这幅画的措辞将扩大5倍，显然，这不是我们所希望看到的。

那么CSS如何区分这些图片的大小呢这很简单。请看：

复制代码代码如下所示：
img {宽度：表达（这个宽度＞500500px ：这个宽度+PX）}；}

只要你在CSS中使用此代码，你可以控制大图片和小图片。这意味着，如果图像宽度大于网站500px，图片将在500px大小显示。如果它比那个小，图片会按照原来的大小显示。

弊端：增加客户端的负载，一般使用js来实现更多。