ปรับขนาดรูปภาพให้พอดีกับหน้าจอ PHP

ปรับขนาดรูปภาพให้พอดีกับหน้าจอ PHP บทความนี้สอนเขียนคำสั่ง CSS เพื่อปรับการแสดงผลรูปภาพบนหน้าเว็บไซต์ให้พอดีกับหน้าจอที่แสดงผล หรือ Responsive Design ร่วมกับภาษา PHP สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง ปรับขนาดรูปภาพให้พอดีกับหน้าจอ PHP

<style>
    img {
        max-width: 100%; 
        display: block; 
        height: auto;        
    }
</style>

<?php
    echo "<img src='https://www.devdit.com/favicon-16x16.png' />";
?>

ปรับขนาดรูปภาพให้พอดีกับหน้าจอ PHP จากตัวอย่างแสดงรูปภาพด้วยแท็ก img โดยใช้ภาษา PHP จากนั้นกำหนด CSS ให้กับแท็ก img ทั้งหมดภายในเว็บไซต์ให้แสดงผลเต็มจอ หรือปรับขนาดรูปภาพให้พอดีกับหน้าจอ ด้วย max-width: 100% ร่วมกับ display: block และ height: auto