Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/84.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
Jquery 包裹图像并强制大小相同_Jquery_Html_Css - Fatal编程技术网

Jquery 包裹图像并强制大小相同

Jquery 包裹图像并强制大小相同,jquery,html,css,Jquery,Html,Css,我有一个图像和一个包装图像的div。加载时,div的大小与图像的大小完全相同,但当我调整图像大小时,div不会调整图像的宽度 请看我用Chrome测试的小提琴中的问题: 好像 display: inline; 这不是解决办法 编辑: 这是我更改窗口大小后的外观: style=“width:100%”;“需要根据浏览器的宽度重新调整图像大小 你也可以使用 style="position: absolute; left: 0; right: 0;" 但img元素不会是静态的 您使用的是widt

我有一个图像和一个包装图像的div。加载时,div的大小与图像的大小完全相同,但当我调整图像大小时,div不会调整图像的宽度

请看我用Chrome测试的小提琴中的问题:

好像

display: inline;
这不是解决办法

编辑:

这是我更改窗口大小后的外观:

style=“width:100%”;“
需要根据浏览器的宽度重新调整图像大小

你也可以使用

style="position: absolute; left: 0; right: 0;"
但img元素不会是静态的


您使用的是
width:auto
,它设置图像的宽度与高度的纵横比对比。

它可以按预期的方式调整高度,最大为浏览器大小的100%…不理解问题…当我调整窗口图像时,也会这样做。如果你有可以调整图像大小的代码…需要显示你用Chrome31.0测试过吗?在Firefox或Safari中,我没有这个问题