<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <!--以移动设备为优先，user-scalable=no禁止用户缩放--> <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"> <title>Document</title> <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css"> <script src="bootstrap/js/jquery.min.js"</script> <script src="bootstrap/js/bootstrap.min.js"</script> </head> <body> <div class="container-fluid" style="background: #fff";> <img src="image/响应式图片.jpeg" class="img-responsive img-thumbnail"> <img src="image/响应式图片.jpeg" class="img-responsive img-circle"> <img src="image/响应式图片.jpeg" class="img-responsive img-rounded"> </div> </body> </html>
原文：http://www.cnblogs.com/juansilence/p/6537826.html