Responsive ImagesImages comes in al

Responsive Images
Images comes in all sizes. So do screens. Responsive images automatically adjust to fit the size of the screen.

Create responsive images by adding an .img-responsive class to the tag. The image will then scale nicely to the parent element.

The .img-responsive class applies display: block; and max-width: 100%; and height: auto; to the image:

ผลลัพธ์ (ไทย) 1:

ตอบสนองภาพภาพมาในทุกขนาด ดังนั้น ทำหน้าจอ ตอบสนองภาพปรับให้พอดีกับขนาดของหน้าจอโดยอัตโนมัติสร้างภาพที่ตอบสนอง โดยการเพิ่มระดับการตอบสนอง.imgแท็ก ภาพจะแล้วขนาดอย่างกับองค์ประกอบหลักชั้นตอบสนอง.img ใช้จอแสดงผล: บล็อก และความ กว้างสูงสุด: 100% สูง: อัตโนมัติ รูปภาพ:

ผลลัพธ์ (ไทย) 2:

แสดงสินค้าที่ตอบสนองต่อ
รูปภาพมาในทุกขนาด เพื่อทำหน้าจอ ภาพที่ตอบสนองอัตโนมัติปรับให้พอดีกับขนาดของหน้าจอ.

สร้างภาพที่มีการตอบสนองโดยการเพิ่มระดับ .img ตอบสนองกับแท็ก . ภาพแล้วจะขนาดไว้อย่างสวยงามเพื่อองค์ประกอบหลัก

ชั้น .img ตอบสนองใช้จอแสดงผล: บล็อก และความกว้างสูงสุด: 100%; และความสูง: อัตโนมัติ ไปยังภาพที่:

ผลลัพธ์ (ไทย) 3:

ภาพการตอบสนองภาพมาในทุกขนาด ดังนั้นทำหน้าจอ ภาพการปรับโดยอัตโนมัติเพื่อให้พอดีกับขนาดของหน้าจอสร้างภาพการตอบสนองโดยการเพิ่ม . img ตอบสนองชั้นเรียนกับ < IMG > แท็ก ภาพจะสวยแบบแม่ธาตุ. IMG ตอบชั้นใช้แสดง : บล็อก และความกว้างสูงสุด : 100% ; ความสูง : auto ; ภาพ :