ThaiSEOBoard.com

พัฒนาเว็บไซต์ => CMS & Free Script => ข้อความที่เริ่มโดย: newnag ที่ 27 สิงหาคม 2019, 09:29:32



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

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


หัวข้อ: Re: สอบถามการทำ responsive แบบแค่ย่อขนาด
เริ่มหัวข้อโดย: cnxisne3019 ที่ 27 สิงหาคม 2019, 14:41:24
เอา meta viewport ออกจาก tag head เฉยๆครับ


หัวข้อ: Re: สอบถามการทำ responsive แบบแค่ย่อขนาด
เริ่มหัวข้อโดย: darkfuryx11 ที่ 07 กันยายน 2019, 21:17:48
เอา meta viewport ออกจาก tag head เฉยๆครับ

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


หัวข้อ: Re: สอบถามการทำ responsive แบบแค่ย่อขนาด
เริ่มหัวข้อโดย: kaeiji ที่ 08 กันยายน 2019, 00:24:25
ติดตามด้วยคนครับสงสัยมานานแล้ว  :P :P :P


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


หัวข้อ: Re: สอบถามการทำ responsive แบบแค่ย่อขนาด
เริ่มหัวข้อโดย: hirase8888 ที่ 08 กันยายน 2019, 01:45:01
แบบง่าย ไม่กี่คลิก

https://www.youtube.com/watch?v=i96N12gYrSE&t=32s