หน้า 1 จากทั้งหมด 1

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

โพสต์แล้ว: 18/07/2016 10:44 am
โดย toonytoony2004
ตัวอย่าง เช่น

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

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

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

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

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

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

โพสต์แล้ว: 18/07/2016 10:56 am
โดย pond
CSS
ขนาดจอที่ขนาด 980px ลงไป

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

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

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

@media (min-width: 981px) {
 .ชื่อคลาส{
 อยากให้แสดงอะไรก็ใส่ไป
}
}
หรืออยากได้ขนาดเท่าไหร่ก็ปรับตัวเลขเองได้ครับ ภาพหน้าจอเต็มก็เขียน style width:100% ไปใส่ให้ภาพ หรือคลาสของภาพ

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

โพสต์แล้ว: 18/07/2016 12:00 pm
โดย toonytoony2004
ขอบพระคุณมากๆครับ