網上有很多寫使用純CSS來實作圖片的等比縮放的，到目前為止，我還沒有發現一個可用的方法，這里的等比縮放是指按照圖片的原始尺寸和比例進行縮放，
網上的方法大多如下：
img{
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
或者動態計算一下
img {max-width:630px;myimg:expression_r(onload=function(){this.style.width=(this.offsetWidth > 630)?"630px":"auto"});}
這些都不能實作等比縮放，
我使用JS的動態計算實作了一下，
大致原理如下 ：
（1）獲取圖片的原始高和寬，
（2）根據限定的寬和高計算等比縮放后的寬和高，
（3）再使用js動態控制圖片展示的寬和高，
代碼可以去我的個人博客去看：https://www.lebang2020.cn/details/210124ycbfvuqd.html
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/252007.html
標籤：其他
下一篇：ArcGis山頂點提取