执行jQuery';s height()和width()方法维护图像';什么是比例?

执行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

Google结果和jQuery文档表明,jQuery的height()和width()方法没有努力维护元素的比例性

然而,当我运行代码时,似乎确实保持了比例

有人能澄清这一点吗

这是我的密码:

index.html

<!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 );