css มีวิธีทำให้เว็บ รองรับหน้าจอมือถือ หรือ ipad โดยไม่ต้องใช้responsiveมั้ยครับ

เริ่มโดย BHunter, 18 ธันวาคม 2016, 09:34:25

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

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

BHunter

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

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

MD.18

 :wanwan004: ถ้ามันเข้าท่าเค้าคงทำกันทั้งบางครับ... คุณเห็นเว็บอย่างที่ว่ากี่เว็บ
ถ้าจะให้ชัวร์ให้โพสลิงค์เว็บที่ว่ามาได้เลย..... ถ้าไม่มีบัคให้อมขี้หมามาพ่นใส่ความเห็นที่สามได้เลย.

....ยกเว้นเว็บที่ว่าจะเป้นอะไรที่ง่ายๆ column เดียวไปเลยก็พอจะทำได้อยู๋......
ติดต่อทางเมล์ [email protected] by ทวีศักดิ์  line : 0862600055
[direct=https://imd18.com] [/direct]
คิวงานว่าง !!

BHunter

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

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

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

MD.18

เวลาเปิดในมือถือคุณว่าคุณมองเห็นอ่านรู้เรื่องไหมละ.... ถ้าไม่ทำ responsive

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


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

ส่วนตัวแล้วมันไม่โอเคครับ ทุกวันนี้ใครมาให้ทำเว็บแบบไม่ responsive ผมไม่รับครับ  :wanwan004: 
ติดต่อทางเมล์ [email protected] by ทวีศักดิ์  line : 0862600055
[direct=https://imd18.com] [/direct]
คิวงานว่าง !!

killer777

responsive ความหมายจิงๆคือ ปรับเนื้อหารองรับการแสดงผลให้แต่ละอุปกรณ์ ขนาด ใช้งานได้ง่ายที่สุดครับ

Oxiam

แนะนำโฆษณา Popunder เรทพอประมาณแต่...ได้วิวโคตรเยอะ
[direct=https://bit.ly/2IzohrT]คลิกเลย[/direct]

BHunter

อ้างถึงจาก: MD.18 ใน 18 ธันวาคม 2016, 13:29:11
เวลาเปิดในมือถือคุณว่าคุณมองเห็นอ่านรู้เรื่องไหมละ.... ถ้าไม่ทำ responsive

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


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

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

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

BakKheab

ผมไม่เคยทำนะ แต่คิดว่ามันทำได้ ไม่ใช้ Media query ก็ได้ ถ้าโครงสร้างไม่ได้ซับซ้อนมากมาย ถ้าไม่ต้องการเปลี่ยนแปลงรูปแบบเวลาเปลี่ยนขนาดหน้าจอ เช่น พวก Dropdown อะไรประมาณนี้ แต่สิ่งที่คุณต้องคำนึงถึงจริงๆ คือเวลาหดหน้าจอแล้วยังดูรู้เรื่อง หน้าเว็บไม่เละ font ไม่เล็กเกินไป ต้องวางแผนดีๆ แต่ถ้าเขียนออกมาดี มันก็ Responsive ได้ ไม่ต่างจาก Media query หรอกครับ

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

imagineverend

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

romance69

ขายปลั๊กอิน Wordpress ตรวจหวยออนไลน์ อัปเดตอัตโนมัติ ราคา 2,500 บาท ใส่โค้ด THAISEO10 รับส่วนลด 10%
รับเขียนเว็บไซต์, รับเขียน Theme wordpress, รับเขียน Plugin wordpress