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

ตอบกระทู้

รูปแสดงอารมณ์
:icon_plusone: :like: :plusone: :gfb: :-D :) :( :-o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: :angry: :baa: :biggrin:
รูปแสดงอารมณ์อื่นๆ

BBCode เปิด
[img] เปิด
[url] เปิด
[Smile icon] เปิด

กระทู้แนะนำ
   

มุมมองที่ขยายได้ กระทู้แนะนำ: จะเขียน css กำหนดขนาดภาพได้ไหมครับ

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

โดย toonytoony2004 » 18/07/2016 12:00 pm

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

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

โดย pond » 18/07/2016 10:56 am

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

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

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

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

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

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

โดย toonytoony2004 » 18/07/2016 10:44 am

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

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

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

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

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

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

ข้างบน