Question

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.gallery.js

(function( $ ){

  $.fn.gallery = function() {  
    return this.each(function() {
        var e = $(this);
        e.height(128);
    });
  };
})( jQuery );

Answer 1

jQuery确实无法保持图像的比例。如果仅设置图像的宽度或仅设置高度，它将自动保持其比例。

Answer 2

如果仅设置图像的高度，则按比例调整宽度，反之亦然。如果同时设置两者，则不会保持比例。

jQuery的height（）和width（）方法是否保持图像的比例？

2 个答案: