我有一个问题，如果我在 css 中设置图像高度并尝试获取高度/宽度，我会在不同的浏览器中得到不同的结果。有没有办法在所有浏览器中获得相同的尺寸？
你可以找到一个活生生的例子here http://web.cinaird.se/pdf/tester.htm
这个概念是这样的：
CSS:
img{
height:100px;
}
Script:
$(document).ready(function(){
$("#text").append($("#img_0").attr("height"));
$("#text").append($("#img_0").attr("width"));
});
火狐输出：
图片高度：100
图片宽度：150
输出铬：
图片高度：100
图片宽度：0
输出铬：
图片高度：100
图片宽度：93？
我已经从 StackOverflow 尝试过这个：
stackoverflow.com/questions/1873419/jquery-get-height-width
但仍然得到相同的结果
有人知道一个好的解决方案吗？
图像未加载到document.ready，你需要使用window.load事件以确保他们存在，如下所示：
$(window).load(function(){
$("#text").append($("#img_0").height());
$("#text").append($("#img_0").width());
});
这是关于差异的快速阅读 http://tutsvalley.com/daily_tip/daily-tip-difference-between-document-ready-and-window-load-in-jquery/，重要的部分是图片加载。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
