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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM