<!doctype html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>纯CSS无表达式实现图片等比缩放</title> <style> .box{ width: 300px; height: 300px; text-align: center; border: 1px solid #ccc; } www.2cto.com .box img{ max-width: 100%; max-height: 100%; width: auto; height: auto; } </style> </head> <body> <div class="box"><img src="image-url.png" alt=""></div> </body> </html>
原文：http://www.cnblogs.com/lzhp/p/3890556.html