Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/413.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 限制web浏览器上的最大图像宽度_Javascript_Html_Css_Image_Web - Fatal编程技术网

Javascript 限制web浏览器上的最大图像宽度

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

仅使用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 {
    max-width:50%;
}

除了百分比之外,您还可以使用px和em。

您可以使用CSS限制图像的宽度:

img.limit-width {
    max-width:50%;
}

除了百分比,您还可以使用px和em。

我记得IE不支持此功能。此外,我还希望保持比例-高度比率:IE7+支持最大宽度。查看这篇关于让旧版本的IE更好地使用最大宽度的文章:如果只指定最大宽度或最大高度,则保留该比率。对于IE,请参见上面RyanI的评论,记住IE不支持此功能。此外,我还希望保持比例-高度比率:IE7+支持最大宽度。查看这篇关于让旧版本的IE更好地使用最大宽度的文章:如果只指定最大宽度或最大高度,则保留该比率。有关IE,请参见上面Ryan的评论