Javascript 限制web浏览器上的最大图像宽度
仅使用HTML和CSS限制浏览器上的最大图像宽度的最佳做法是什么?我在Google.com上搜索了一下,没有找到任何好的结果。谢谢Javascript 限制web浏览器上的最大图像宽度,javascript,html,css,image,web,Javascript,Html,Css,Image,Web,仅使用HTML和CSS限制浏览器上的最大图像宽度的最佳做法是什么?我在Google.com上搜索了一下,没有找到任何好的结果。谢谢 另外,我想保持比例高度比以及 使用style=max-width:NNNpx或max-height:NNNpx您也可以使用%作为度量-例如,max-width:10%使用style=max-width:NNNpx或max-height:NNNpx您也可以使用%作为度量-例如,max-width:10%您可以使用CSS限制图像的宽度: img.limit-width
另外,我想保持比例高度比以及 使用style=max-width:NNNpx或max-height:NNNpx您也可以使用%作为度量-例如,max-width:10%使用style=max-width:NNNpx或max-height:NNNpx您也可以使用%作为度量-例如,max-width:10%您可以使用CSS限制图像的宽度:
img.limit-width {
max-width:50%;
}
除了百分比之外,您还可以使用px和em。您可以使用CSS限制图像的宽度:
img.limit-width {
max-width:50%;
}
除了百分比,您还可以使用px和em。我记得IE不支持此功能。此外,我还希望保持比例-高度比率:IE7+支持最大宽度。查看这篇关于让旧版本的IE更好地使用最大宽度的文章:如果只指定最大宽度或最大高度,则保留该比率。对于IE,请参见上面RyanI的评论,记住IE不支持此功能。此外,我还希望保持比例-高度比率:IE7+支持最大宽度。查看这篇关于让旧版本的IE更好地使用最大宽度的文章:如果只指定最大宽度或最大高度,则保留该比率。有关IE,请参见上面Ryan的评论