网页上保持图片等比例缩放不变形显示

  1. <!DOCTYPE html> 
  2. <html> 
  3. <head> 
  4. <meta charset="utf-8" /> 
  5. <title>图片缩小不变形实例 www.divcss5.com</title> 
  6. <style> 
  7. .divcss5{ border:1px solid #000; width:300px; height:100px;overflow:hidden} 
  8. .divcss5 img{max-width:300px;_width:expression(this.width > 300 ? "300px" : this.width);} 
  9. </style> 
  10. </head> 
  11.  
  12. <body> 
  13. <div class="divcss5"> 
  14. <img src="img.jpg" /> 
  15. </div> 
  16. </body> 
  17. </html> 
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页