BootStrap响应式图片 

<!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>

 

posted on 2017-03-12 14:29  心如止水微笑人生  阅读(1491)  评论(0)    收藏  举报

导航