Javascript jquery max height和max width返回错误的值
我有一个最大宽度和最大高度的问题。 假设我有以下css规则:Javascript jquery max height和max width返回错误的值,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个最大宽度和最大高度的问题。 假设我有以下css规则: img.item { max-width: 325px; max-height: 390px; } 以及我文件中的以下img: <img class="item" src="http://us.dorothyperkins.com/wcsstore/DorothyPerkinsUS/images/catalog/80000095_normal.jpg"> 你知道这是为什么吗?或者我怎样才能得到正确的尺寸 如果我使用$(
img.item { max-width: 325px; max-height: 390px; }
以及我文件中的以下img:
<img class="item" src="http://us.dorothyperkins.com/wcsstore/DorothyPerkinsUS/images/catalog/80000095_normal.jpg">
你知道这是为什么吗?或者我怎样才能得到正确的尺寸
如果我使用$('img.item').width()和$('img.item').height()
我会得到计算值,这对我来说不太好
谢谢。奇怪的结果。我已经创建了fiddle on,其中的“最大宽度”和“最大高度”值是正确的。我已经检查了您的代码并添加了最新的jquery,它运行良好,结果正确。 请在这里检查我的代码
alert($('img.item').css('max-width'));
警报($('img.item').css('max-height'))代码>
img.item{最大宽度:325px;最大高度:390px;}
您应该将高度和宽度应用于img标记本身。但是,如果我将高度和宽度应用于图像本身,它将无法保持图像大小的正确比例。一定有影响这一点的因素不在上面,因为此示例非常有效…-您正在使用哪个浏览器?同意@Archer。Israhack元素上有填充物吗?发生这种情况的浏览器是什么。
$('img.item').css('max-width');
// returns 357px
$('img.item').css('max-height');
// returns 429px