ตัวอย่าง เช่น
ผมต้องการเขียน css กำหนดขนาดของภาพที่แสดงในโมบาย ว่า ถ้าหน้าจอ ไม่เกิน 980px ให้ชิดซ้าย ตัวหนังสืออยู่รอบๆ คล้ายกับ intro image เมื่อดูจากในจอคอมพิวเตอร์
แต่ถ้าหน้าจอมากกว่า 980px จะให้ภาพนั้นขยายเต็มหน้าจอเวลาดูในโมบาย แล้วตัวหนังสืออยู่ด้านล่าง เรียงกันลงมาเรื่อยๆ
มีวิธีการเขียนไหมครับ ปมไม่รู้เหมือนกันว่าเขียนได้หรือเปล่าและเขียนแบบไหน
ขออนุญาตรบกวนท่านผู้รู้แนะนำด้วยครับ ขอบคุณครับ
ปล. หายไปนาน เพิ่งเรียนจบ จะมาขอความรู้ในบอร์ดนี้บ่อยๆเหมือนเดิมแล้วครับ กรุณาอย่าเพิ่งเบื่อกัน
จะเขียน css กำหนดขนาดภาพได้ไหมครับ
Moderator: mindphp, ผู้ดูแลกระดาน
-
- PHP Hero Member
- โพสต์: 119
- ลงทะเบียนเมื่อ: 27/07/2013 9:29 am
- pond
- PHP Super Hero Member
- โพสต์: 570
- ลงทะเบียนเมื่อ: 25/05/2016 9:44 am
Re: จะเขียน css กำหนดขนาดภาพได้ไหมครับ
CSS
ขนาดจอที่ขนาด 980px ลงไป
ขนาดจอที่ 981px ขึ้น
หรืออยากได้ขนาดเท่าไหร่ก็ปรับตัวเลขเองได้ครับ ภาพหน้าจอเต็มก็เขียน style width:100% ไปใส่ให้ภาพ หรือคลาสของภาพ
ขนาดจอที่ขนาด 980px ลงไป
โค้ด: เลือกทั้งหมด
@media (max-width: 980px) {
.ชื่อคลาส{
อยากให้แสดงอะไรก็ใส่ไป
}
}
โค้ด: เลือกทั้งหมด
@media (min-width: 981px) {
.ชื่อคลาส{
อยากให้แสดงอะไรก็ใส่ไป
}
}
-
- PHP Hero Member
- โพสต์: 119
- ลงทะเบียนเมื่อ: 27/07/2013 9:29 am
Re: จะเขียน css กำหนดขนาดภาพได้ไหมครับ
ขอบพระคุณมากๆครับ
ผู้ใช้งานขณะนี้
สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 103