thaicosmic.com

หนัง

วันอาทิตย์ที่ 26 พฤษภาคม พ.ศ. 2556

Flexible image เปลี่ยนขนาดภาพตามขนาดหน้าจอ

รูปภาพในเว็บไซต์เราก็อยากให้หดขยายตามหน้าจอด้วย
คำสั่งที่ต้องใช้
     กำหนด CSS ให้ความกว้างสุดของ image เป็น 100%
           img{ max-width:100%; border:none;}
     ครอบรูปด้วย div และกำหนดความกว้างของ div เป็นค่าเปอร์เซ็นต์
          <div class="pic"%><img src="pic1.jpg" /%></div>
           .pic{ float:left; width:31.2%; margin:0 1% 0 1%;}