ThaiSEOBoard.com

พัฒนาเว็บไซต์ => Programming => ข้อความที่เริ่มโดย: BHunter ที่ 18 ธันวาคม 2016, 09:34:25



หัวข้อ: css มีวิธีทำให้เว็บ รองรับหน้าจอมือถือ หรือ ipad โดยไม่ต้องใช้responsiveมั้ยครับ
เริ่มหัวข้อโดย: BHunter ที่ 18 ธันวาคม 2016, 09:34:25
หมายถึงไม่ใช้ media queries หรือbootstrap grid system เลยครับ
พอดีเห็นของพี่คนนึง เขาใช้ margin:auto ทำให้div ไปอยู่ตรงกลาง (หน้าจอทุกอุปกรณ์ก็ตรงกลางไปด้วย) แล้วจากนั้น ถ้าส่วนไหนที่ไม่ใช่ตรงกลาง ก็ระบุตำแหน่งโดยอ้างอิงจาก div แม่ที่อยู่ตรงกลาง แทน โดยใช้position:relative,abosolute;  แล้วก็ใช้แต่หน่วย px  
หรือ บางทีก็divแม่ ชิดขอบซ้าย ขอบขวาไปเลย (ซึ่งขอบซ้ายขวาของทุกอุปกรณ์)แล้วposition:relative,absoluteเอาเช่นเดิม

อยากทราบว่าวิธีนี้มันworkจริงไหมคับ แล้วโอเคไหม เขายอมรับกันรึป่าว หรือมีวิธีที่ดีกว่านี้  ขอบคุณครับ


หัวข้อ: Re: css มีวิธีทำให้เว็บ รองรับหน้าจอมือถือ หรือ ipad โดยไม่ต้องใช้responsiveมั้ยครับ
เริ่มหัวข้อโดย: MD.18 ที่ 18 ธันวาคม 2016, 12:00:27
 :wanwan004: ถ้ามันเข้าท่าเค้าคงทำกันทั้งบางครับ... คุณเห็นเว็บอย่างที่ว่ากี่เว็บ
ถ้าจะให้ชัวร์ให้โพสลิงค์เว็บที่ว่ามาได้เลย..... ถ้าไม่มีบัคให้อมขี้หมามาพ่นใส่ความเห็นที่สามได้เลย.

....ยกเว้นเว็บที่ว่าจะเป้นอะไรที่ง่ายๆ column เดียวไปเลยก็พอจะทำได้อยู๋......


หัวข้อ: Re: css มีวิธีทำให้เว็บ รองรับหน้าจอมือถือ หรือ ipad โดยไม่ต้องใช้responsiveมั้ยครับ
เริ่มหัวข้อโดย: BHunter ที่ 18 ธันวาคม 2016, 13:08:23
:wanwan004: ถ้ามันเข้าท่าเค้าคงทำกันทั้งบางครับ... คุณเห็นเว็บอย่างที่ว่ากี่เว็บ
ถ้าจะให้ชัวร์ให้โพสลิงค์เว็บที่ว่ามาได้เลย..... ถ้าไม่มีบัคให้อมขี้หมามาพ่นใส่ความเห็นที่สามได้เลย.

....ยกเว้นเว็บที่ว่าจะเป้นอะไรที่ง่ายๆ column เดียวไปเลยก็พอจะทำได้อยู๋......

เว็บนี้ครับ edit: ขออนุญาตลบเว็บนะครับ ได้คำตอบแล้ว เด่วหาว่าโฆษณา 555   ตะกี้ไปถามพี่เขาบอก ไม่ได้ใช้position อะไรเลย  ใช้margin กับหน่วย px ธรรมดา  ผมเลยงงมันใช้ได้ด้วยเหรอ กับทุกอุปกรณ์


หัวข้อ: Re: css มีวิธีทำให้เว็บ รองรับหน้าจอมือถือ หรือ ipad โดยไม่ต้องใช้responsiveมั้ยครับ
เริ่มหัวข้อโดย: MD.18 ที่ 18 ธันวาคม 2016, 13:29:11
เวลาเปิดในมือถือคุณว่าคุณมองเห็นอ่านรู้เรื่องไหมละ.... ถ้าไม่ทำ responsive

อีกเรื่องกูเกิ้ลฝากมาบอกว่า....
ทดสอบเมื่อวันที่ 18 ธ.ค. 2016 เวลา 13:21
หน้านี้ไม่เหมาะกับอุปกรณ์เคลื่อนที่
หน้านี้อาจใช้งานได้ไม่สะดวกบนอุปกรณ์เคลื่อนที่


คือต้องเข้าใจก่อนนะครับว่า responsive กับ position element  มันคนละเรื่องครับ
ที่ทุกวันนี้ชาวโลกเค้าใช้เว็บที่รองรับความยืดหยุนตามหน้าจอเพราะ  เค้าต้องการให้เนื้อหาอ่านได้ชัดเจนสะดวกในทุกๆหน้าจอครับ  ไม่ใช่เปิดในมือถือทีต้องมาลากซูมกันเอา จะไปดูเมนูซ้ายสุดทีก็เล่ือนไป ไปขวาสุดทีก็เลื่อนไป มันไม่สะดวกครับ

ส่วนตัวแล้วมันไม่โอเคครับ ทุกวันนี้ใครมาให้ทำเว็บแบบไม่ responsive ผมไม่รับครับ  :wanwan004: 


หัวข้อ: Re: css มีวิธีทำให้เว็บ รองรับหน้าจอมือถือ หรือ ipad โดยไม่ต้องใช้responsiveมั้ยครับ
เริ่มหัวข้อโดย: killer777 ที่ 18 ธันวาคม 2016, 13:32:45
responsive ความหมายจิงๆคือ ปรับเนื้อหารองรับการแสดงผลให้แต่ละอุปกรณ์ ขนาด ใช้งานได้ง่ายที่สุดครับ


หัวข้อ: Re: css มีวิธีทำให้เว็บ รองรับหน้าจอมือถือ หรือ ipad โดยไม่ต้องใช้responsiveมั้ยครับ
เริ่มหัวข้อโดย: Oxiam ที่ 18 ธันวาคม 2016, 13:36:41
ไมเนียนพอ


หัวข้อ: Re: css มีวิธีทำให้เว็บ รองรับหน้าจอมือถือ หรือ ipad โดยไม่ต้องใช้responsiveมั้ยครับ
เริ่มหัวข้อโดย: BHunter ที่ 18 ธันวาคม 2016, 13:44:35
เวลาเปิดในมือถือคุณว่าคุณมองเห็นอ่านรู้เรื่องไหมละ.... ถ้าไม่ทำ responsive

อีกเรื่องกูเกิ้ลฝากมาบอกว่า....
ทดสอบเมื่อวันที่ 18 ธ.ค. 2016 เวลา 13:21
หน้านี้ไม่เหมาะกับอุปกรณ์เคลื่อนที่
หน้านี้อาจใช้งานได้ไม่สะดวกบนอุปกรณ์เคลื่อนที่


คือต้องเข้าใจก่อนนะครับว่า responsive กับ position element  มันคนละเรื่องครับ
ที่ทุกวันนี้ชาวโลกเค้าใช้เว็บที่รองรับความยืดหยุนตามหน้าจอเพราะ  เค้าต้องการให้เนื้อหาอ่านได้ชัดเจนสะดวกในทุกๆหน้าจอครับ  ไม่ใช่เปิดในมือถือทีต้องมาลากซูมกันเอา จะไปดูเมนูซ้ายสุดทีก็เล่ือนไป ไปขวาสุดทีก็เลื่อนไป มันไม่สะดวกครับ

ส่วนตัวแล้วมันไม่โอเคครับ ทุกวันนี้ใครมาให้ทำเว็บแบบไม่ responsive ผมไม่รับครับ  :wanwan004:  

ขอบคุณมากครับ  
ขอถามเพิ่มนิดนึงครับ
มือถือมันกว้างแค่300 px กว่าๆ  ทำไมพี่เขาใช้ width:980px แล้วในมือถือมันไม่กว้างทะลุมือถือไปละครับ งงมาก อันนี้ผมมือใหม่จริงๆ ขออนุญาตถามเบสิกๆเลย


หัวข้อ: Re: css มีวิธีทำให้เว็บ รองรับหน้าจอมือถือ หรือ ipad โดยไม่ต้องใช้responsiveมั้ยครับ
เริ่มหัวข้อโดย: BakKheab ที่ 18 ธันวาคม 2016, 14:19:28
ผมไม่เคยทำนะ แต่คิดว่ามันทำได้ ไม่ใช้ Media query ก็ได้ ถ้าโครงสร้างไม่ได้ซับซ้อนมากมาย ถ้าไม่ต้องการเปลี่ยนแปลงรูปแบบเวลาเปลี่ยนขนาดหน้าจอ เช่น พวก Dropdown อะไรประมาณนี้ แต่สิ่งที่คุณต้องคำนึงถึงจริงๆ คือเวลาหดหน้าจอแล้วยังดูรู้เรื่อง หน้าเว็บไม่เละ font ไม่เล็กเกินไป ต้องวางแผนดีๆ แต่ถ้าเขียนออกมาดี มันก็ Responsive ได้ ไม่ต่างจาก Media query หรอกครับ

สรุป
Responsive กับ Media query มันคนละเรื่องเดียวกันนะครับ
ถึงไม่ใช้ Media query แต่ถ้าเขียนออกมา แล้วแสดงผลดูดีกับทุกอุปกรณ์ มันก็คือ Responsive
#ได้หมดถ้าสดชื่น


หัวข้อ: Re: css มีวิธีทำให้เว็บ รองรับหน้าจอมือถือ หรือ ipad โดยไม่ต้องใช้responsiveมั้ยครับ
เริ่มหัวข้อโดย: imagineverend ที่ 18 ธันวาคม 2016, 15:13:07
Programmer เทพๆ เขายังใช้ Bootstrap สร้างธีมขายได้หลักล้าน แล้วทำไมคุณไม่ใช้ละครับ
แนะนำให้ bootstrap.css เป็น css หลัก จากนั้นถ้าอยากปรับเปลี่ยนเพิ่มเติม ก็ให้สร้าง css เพิ่มมาอีกตัวหนึ่ง จะเป็น custom.css หรือ style.css ก็ว่าไป
สะดวก รวดเร็วกว่า


หัวข้อ: Re: css มีวิธีทำให้เว็บ รองรับหน้าจอมือถือ หรือ ipad โดยไม่ต้องใช้responsiveมั้ยครับ
เริ่มหัวข้อโดย: romance69 ที่ 18 ธันวาคม 2016, 15:19:36
ลองตั้ง width เกิน 1024 ดูสิครับ มันจะเป็นยังไง  :wanwan004: