หัวข้อ: สอบถามการทำ 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 |