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

发布于 2024-12-29 21:53:36 字数 617 浏览 0 评论 0原文

我有最大宽度和最大高度的问题。可以说我有以下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">

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

如果我尝试使用jquery获取最大宽度和最大高度的值，我会弄错。

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

关于为什么会这样的任何想法吗？或者我怎样才能得到正确的尺寸？

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

谢谢。

原文

im having a problem with max-width and max-height.
lets say i have the following css rule:

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

and the following img in my document:

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

original image width x height is: 342 x 464

if i try and get with jquery the values for max-width and max-height i get them wrong.

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

any ideas on why is this? or how i can get the correct sizes?

if i use $('img.item').width() and $('img.item').height() i get the calculated values, not good for me.

thanks.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

债姬 2025-01-05 21:53:36

我已经检查了你的代码并添加了最新的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 可能会被其他类覆盖

I have check you code and add latest jquery, it works well with the correct result.
Please check my code here.

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">

There might me other reason is, Your image max-height and max-width might be overwrite by other class

回复收藏 0 原文