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

ถามตอบ ปัญหาการพัฒนา Extension ไม่ว่าจะเป็น Module plugin Component หรือ แม้แต่ template การปรับแต่งโค้ด Joomla ต่างๆ ทุกเวอร์ชั่น 1.5 2.5 หรือ 3.x

Moderator: mindphp, ผู้ดูแลกระดาน

toonytoony2004
PHP Sr. Member
PHP Sr. Member
โพสต์: 86
ลงทะเบียนเมื่อ: 27/07/2013 9:29 am

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

โพสต์โดย toonytoony2004 » 18/07/2016 10:44 am

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

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

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

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

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

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

ภาพประจำตัวสมาชิก
pond
PHP Super Hero Member
PHP Super Hero Member
โพสต์: 571
ลงทะเบียนเมื่อ: 25/05/2016 9:44 am

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

โพสต์โดย pond » 18/07/2016 10:56 am

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

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

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

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

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

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


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

toonytoony2004
PHP Sr. Member
PHP Sr. Member
โพสต์: 86
ลงทะเบียนเมื่อ: 27/07/2013 9:29 am

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

โพสต์โดย toonytoony2004 » 18/07/2016 12:00 pm

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


ย้อนกลับไปยัง

ผู้ใช้งานขณะนี้

กำลังดูบอร์ดนี้: 2 และ บุคคลทั่วไป 0 ท่าน