จะเขียน css กำหนดขนาดภาพได้ไหมครับ

[toonytoony2004]

ตัวอย่าง เช่น

ผมต้องการเขียน css กำหนดขนาดของภาพที่แสดงในโมบาย ว่า ถ้าหน้าจอ ไม่เกิน 980px ให้ชิดซ้าย ตัวหนังสืออยู่รอบๆ คล้ายกับ intro image เมื่อดูจากในจอคอมพิวเตอร์

แต่ถ้าหน้าจอมากกว่า 980px จะให้ภาพนั้นขยายเต็มหน้าจอเวลาดูในโมบาย แล้วตัวหนังสืออยู่ด้านล่าง เรียงกันลงมาเรื่อยๆ

มีวิธีการเขียนไหมครับ ปมไม่รู้เหมือนกันว่าเขียนได้หรือเปล่าและเขียนแบบไหน

ขออนุญาตรบกวนท่านผู้รู้แนะนำด้วยครับ ขอบคุณครับ

ปล. หายไปนาน เพิ่งเรียนจบ จะมาขอความรู้ในบอร์ดนี้บ่อยๆเหมือนเดิมแล้วครับ กรุณาอย่าเพิ่งเบื่อกัน

[pond]

CSS
ขนาดจอที่ขนาด 980px ลงไป

โค้ด: เลือกทั้งหมด

@media (max-width: 980px) {
 .ชื่อคลาส{
 อยากให้แสดงอะไรก็ใส่ไป
}
}

ขนาดจอที่ 981px ขึ้น

โค้ด: เลือกทั้งหมด

@media (min-width: 981px) {
 .ชื่อคลาส{
 อยากให้แสดงอะไรก็ใส่ไป
}
}

หรืออยากได้ขนาดเท่าไหร่ก็ปรับตัวเลขเองได้ครับ ภาพหน้าจอเต็มก็เขียน style width:100% ไปใส่ให้ภาพ หรือคลาสของภาพ

[toonytoony2004]

ขอบพระคุณมากๆครับ