Javascript jQuery innerwidth/innerheight无法正确处理Chrome/Safari中的图像
我试图在一个页面上使用以下每个图像上的代码获取不同大小的图像的宽度和高度:Javascript jQuery innerwidth/innerheight无法正确处理Chrome/Safari中的图像,javascript,jquery,google-chrome,safari,Javascript,Jquery,Google Chrome,Safari,我试图在一个页面上使用以下每个图像上的代码获取不同大小的图像的宽度和高度: img.width = img.innerWidth() + img.borderWidth.left + img.borderWidth.right; img.height = img.innerHeight() + img.borderWidth.top + img.borderWidth.bottom; 出于某种原因,innerWidth()和innerHeight()在Chrome/Safari中都返回了奇怪的
img.width = img.innerWidth() + img.borderWidth.left + img.borderWidth.right;
img.height = img.innerHeight() + img.borderWidth.top + img.borderWidth.bottom;
出于某种原因,innerWidth()和innerHeight()在Chrome/Safari中都返回了奇怪的值。以下是Firefox和Chrome上相同图像的上述代码返回结果的比较:
FIREFOX:
img.width = 736
img.height = 542
CHROME (SAFARI is similar to this):
img.width = 656
img.height = 36
Firefox的值在实际(可见)图像尺寸方面或多或少是正确的
我不可能在CSS中定义图像大小,因为所有图像都有不同的纵横比。如何解决这个问题,或者至少解决它?尝试使用
宽度:100%;身高:100%代码>