Question

我遇到了max-width和max-height的问题。假设我有以下css规则：

img.item { max-width: 325px; max-height: 390px; }

以及我的文档中的以下内容：

<img class="item" src="http://us.dorothyperkins.com/wcsstore/DorothyPerkinsUS/images/catalog/80000095_normal.jpg">

原始图像宽度x高度为：342 x 464

如果我尝试使用jquery获取max-width和max-height的值，则会出错。

$('img.item').css('max-width');
// returns 357px
$('img.item').css('max-height');
// returns 429px

关于这为什么的任何想法？或者我如何获得正确的尺寸？

如果我使用$('img.item').width() and $('img.item').height()我得到计算值，对我不好。

感谢。

Answer 1

奇怪的结果。我在http://jsfiddle.net/JGwqY/创建了小提琴，并且max-width和max-height值是正确的。

Answer 2

我检查了你的代码并添加了最新的jquery，它可以很好地处理正确的结果。请在这里查看我的代码。

alert($('img.item').css('max-width'));

alert($('img.item').css('max-height'));

img.item { max-width: 325px; max-height: 390px; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img class="item" src="http://us.dorothyperkins.com/wcsstore/DorothyPerkinsUS/images/catalog/80000095_normal.jpg">

我可能还有其他原因，您的图片max-height和max-width可能覆盖被其他class

jquery max-height和max-width返回错误的值

2 个答案: