执行jQuery';s height()和width()方法维护图像';什么是比例?
Google结果和jQuery文档表明,jQuery的height()和width()方法没有努力维护元素的比例性 然而,当我运行代码时,似乎确实保持了比例 有人能澄清这一点吗 这是我的密码: index.html执行jQuery';s height()和width()方法维护图像';什么是比例?,jquery,jquery-plugins,height,Jquery,Jquery Plugins,Height,Google结果和jQuery文档表明,jQuery的height()和width()方法没有努力维护元素的比例性 然而,当我运行代码时,似乎确实保持了比例 有人能澄清这一点吗 这是我的密码: index.html <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> &l
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js" type="text/javascript"></script>
<script src="jquery.gallery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$('img').gallery();
});
</script>
</head>
<body>
<img src="img1.jpg" alt="" />
<img src="img2.jpg" alt="" />
<img src="img3.jpg" alt="" />
</body>
</html>
jQuery确实没有做任何事情来保持图像的比例。如果只设置图像的宽度或高度,它将自动保持其比例。如果只设置图像的高度,宽度将按比例调整,反之亦然。如果同时设置两者,则不会保持比例。但jQuery不会这样做。是的,我没有想过写下来,但事实上,这种行为是图像本身的行为。不过,答案并不重要。
(function( $ ){
$.fn.gallery = function() {
return this.each(function() {
var e = $(this);
e.height(128);
});
};
})( jQuery );