Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/392.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 以高度获得图像的精确宽度:100%;使用jquery_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 以高度获得图像的精确宽度:100%;使用jquery

Javascript 以高度获得图像的精确宽度:100%;使用jquery,javascript,jquery,html,css,Javascript,Jquery,Html,Css,当我将图像的高度设置为100%时,会自动计算宽度,以保持图像的纵横比。 大多数情况下,此类图像的宽度不是整数而是两倍(如645.34)。 $(“#myImg”).width()始终返回一个整数。 如何使用jquery获得这样一幅图像的确切宽度?浏览器始终将实际应用的宽度等同于像素的整数值。没有可渲染的半像素。我们可以指定22.5px等,但浏览器会将其四舍五入到最接近的整数。但是,有些浏览器可能会对边缘像素进行反别名以模拟半像素,但应用的宽度/高度值始终为整数。width()返回的值为“pixel

当我将图像的高度设置为100%时,会自动计算宽度,以保持图像的纵横比。
大多数情况下,此类图像的宽度不是整数而是两倍(如645.34)。
$(“#myImg”).width()始终返回一个整数。

如何使用jquery获得这样一幅图像的确切宽度?

浏览器始终将实际应用的宽度等同于像素的整数值。没有可渲染的半像素。我们可以指定
22.5px
等,但浏览器会将其四舍五入到最接近的整数。但是,有些浏览器可能会对边缘像素进行反别名以模拟半像素,但应用的宽度/高度值始终为整数。

width()返回的值为“pixel”。我不明白你的图像怎么会有非整数值。@koopajah:float值是非整数值。例如,当您将am图像置于100%高度时,img宽度将不是整数。也许这会让你感兴趣:我知道浮点不是整数。我想说的是,你的图像永远不会有浮动宽度或浮动高度。它们是基于像素的,不能有宽度为100.5像素的图像。它将始终是一个整数。如果我有10个图像,一个接一个,并且我希望它们一行一行地显示,中间没有空格,我如何计算所有图像的宽度?难道不可能吗?您可以对每个图像使用
.width()
,然后对它们求和。另外请注意,您可以使用
.outerWidth()
来控制是否希望计算的宽度也包括边距(如果有)。正如您在这里看到的:对宽度求和不起作用,也不是解决方案。。