Devdit
 

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

1.1K

ปรับขนาดรูปภาพให้พอดีกับหน้าจอ 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

เขียน 1 ปีที่แล้ว
ชอบ
ลิ้งก์
แชร์
Devdit มีช่อง YouTube แล้ว
เราสร้างวิดีโอเกี่ยวกับเทคโนโลยี ทำตามง่ายๆ