สอบถามการทำ responsive แบบแค่ย่อขนาด

เริ่มโดย newnag, 27 สิงหาคม 2019, 09:29:32

หัวข้อก่อนหน้า - หัวข้อถัดไป

0 สมาชิก และ 1 ผู้มาเยือน กำลังดูหัวข้อนี้

newnag

พอดีผมอยากทำเว็บที่เวลา responsive จะมีแค่ย่อขนาดลง แต่ดีไซน์เหมือนเดิมทุกอย่าง คล้ายๆกับเว็บ movie2free อ่ะครับ
แต่ตอนผมทำ ไม่ได้ใช้ css แบบเว็บนั้น แต่ใช้ grid แทน แล้วพอมันย่อเป็นจอเล็ก กลับไม่ย่อตาม ใหญ่เบ้อเร้อเลย  ต้องใช้ css ตัวไหนของ grid ช่วยครับ

โครงสร้างมี grid แยกกล่องใหญ่2กล่อง แล้วในกล่องใหญ่มีกล่องย่อยอีก4คอลัม 2row

cnxisne3019

คนประสบความสำเร็จ       ไม่ใช่คนที่ "ไม่เคยพลาดเลย"
ในทางตรงกันข้าม...         เขาคือคนที่
"เริ่มพลาดเร็วกว่า"           "กล้าพลาดมากกว่า"
และสามารถ                   "เรียนรู้จากความผิดพลาด"
ได้เยอะกว่าคนทั่วไป...     #ข้อคิดจากขุนเขา

[direct=https://webmarketing.in.th]แหล่งความรู้ด้านการตลาดบนเว็บไซต์ และการเงินการลงทุน เข้าไปอ่านเลย[/direct]
[direct=https://web.facebook.com/groups/327473411318390/]รวมของแจกฟรีจาก Themeforest, Envato Elements, Graphicriver, Audiojungle และอีกมากมายแบบถูกสิขสิทธิ์ สนใจเข้ากลุ่มโลด ดองไว้ในนั้นแหละ[/direct]

darkfuryx11

อ้างถึงจาก: cnxisne3019 ใน 27 สิงหาคม 2019, 14:41:24
เอา meta viewport ออกจาก tag head เฉยๆครับ

สอบถามรายละเอียดเพิ่มเติมครับ เอาออกอย่างไรครับ
ลิ้งเกินจำนวน

kaeiji

ติดตามด้วยคนครับสงสัยมานานแล้ว  :P :P :P

BOS

เปลี่ยน meta viewport จากเดิม ให้เป็นไปตามขนาดความกว้างของหน้าเว็บครับ
สมมุติความกว้างของหน้าเว็บ=920px ก็กำหนด meta viewport แบบนี้ครับ
<meta name="viewport" content="width=920" />
หรือถ้าต้องการให้มีพื้นที่ว่างด้านข้าง ก็บวกเพิ่มเข้าไปครับ
สมมุติหน้าเว็บ 920px ต้องการให้มีพื้นที่ด้านข้าง ข้างละ 10px ก็ 920+(10*2)=940
<meta name="viewport" content="width=940" />

hirase8888

สอน AI
สอน SEO
รับทำ SEO