CSS

กำหนดให้รูปภาพย่อ-ขยายอัตโนมัติตามขนาดหน้าจอด้วย CSS

มานพ กองอุ่น 9 กรกฎาคม 2018 30,612 ครั้ง

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

<div class="page-content">
    <img src="path/to/image.jpg" />
</div>

ใน css จะเขียนดังต่อไปนี้

.page-content img {
    max-width: 100%;
    height: auto!important;
}

#css #image #max-width

ติดปัญหาตอนทำตาม? ถามในชุมชน

ความคิดเห็น (0)

ยังไม่มีความคิดเห็น — เริ่มคุยเป็นคนแรก ถามสิ่งที่สงสัย หรือแชร์ประสบการณ์ของคุณ

เข้าสู่ระบบเพื่อร่วมแสดงความคิดเห็น เข้าสู่ระบบ