我方便了我网站的用户在他们的评论中发布外部图片。但是有些图片的大小可能比我的网页还大。为了使图像保持在网页的边界内,我在谷歌上搜索,发现了一个名为Image Resizer的工具,但它只适用于Vbulletin论坛。我不想实际削减图像的大小,我只是想如果图像的宽度大小超过网页的宽度,那么该工具应该设置其宽度到我的特定宽度和相应的高度。替代吗?
尝试在该图像的CSS中设置'width:100%;height:100%'
在image age中,您可以像这样确定宽度和高度
<img src="http://www.hh4track.com/images/logo.png" width="100px" height="100px" />
或者您可以使用这个类
调整图像的大小 http://kazymjir.com/blog/image-resizing-php-class/
感谢上帝。我已经找到解决办法了。解决方法很简单,但我花了太多时间才找到。
所有大于网页的图像都在网页内,较小的图像保持原样。
我只是稍微改变了一下CSS,不需要使用任何第三方工具。
img
{
max-width:100%;
display:block;
border:none;
}
问题就解决了。