Javascript改变图片大小的玄机

问大家个问题啊，我刚才做了一个测试
在浏览器里设置图片的大小
var image = $("#img1");
image.height(1024);//这个时候图片是等比例缩放的
image.width(XXX);//这个时候图片的高度不变宽度变了（变胖或者变瘦）

var image = $("#img1");
image.width(1024);//这个时候图片是等比例缩放的
image.height(XXX);//这个时候图片的宽度不变高度变了（拉伸或者压缩）

IE和FF都是这样的，有什么玄机吗？我本来以为设置多少就是多少。