項目中的圖片多來自第三方，具體的尺寸無法確定，如果直接在樣式中寫死圖片的尺寸大小就會出現圖片拉伸的現象，十分影響頁面效果的美觀性，因此希望可以找到一個比較好的解決方案。在加載圖片資源后獲取真實尺寸和圖片容器的大小，如何利用JavaScript動態地設置圖片的長度和寬度以保證圖片拉伸效果不影響美觀。<style>    .img1{width:200px;height:200px;border: 1px solid #000;overflow: hidden;margin: 10px;}    .img2{width:200px;height:90px;border: 1px solid #000;overflow: hidden;margin: 10px;}    </style>