ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์Programmingcss มีวิธีทำให้เว็บ รองรับหน้าจอมือถือ หรือ ipad โดยไม่ต้องใช้responsiveมั้ยครับ
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: css มีวิธีทำให้เว็บ รองรับหน้าจอมือถือ หรือ ipad โดยไม่ต้องใช้responsiveมั้ยครับ  (อ่าน 662 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
BHunter
Newbie
*

พลังน้ำใจ: 0
ออฟไลน์ ออฟไลน์

กระทู้: 26



ดูรายละเอียด
« เมื่อ: 18 ธันวาคม 2016, 09:34:25 »

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

อยากทราบว่าวิธีนี้มันworkจริงไหมคับ แล้วโอเคไหม เขายอมรับกันรึป่าว หรือมีวิธีที่ดีกว่านี้  ขอบคุณครับ
« แก้ไขครั้งสุดท้าย: 18 ธันวาคม 2016, 09:44:52 โดย BHunter » บันทึกการเข้า
MD.18
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 287
ออฟไลน์ ออฟไลน์

กระทู้: 3,025



ดูรายละเอียด เว็บไซต์
« ตอบ #1 เมื่อ: 18 ธันวาคม 2016, 12:00:27 »

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

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

ติดต่อทางเมล์ service.md18@gmail.com by ทวีศักดิ์  line : 0862600055

คิวงานว่าง !!
BHunter
Newbie
*

พลังน้ำใจ: 0
ออฟไลน์ ออฟไลน์

กระทู้: 26



ดูรายละเอียด
« ตอบ #2 เมื่อ: 18 ธันวาคม 2016, 13:08:23 »

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

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

เว็บนี้ครับ edit: ขออนุญาตลบเว็บนะครับ ได้คำตอบแล้ว เด่วหาว่าโฆษณา 555   ตะกี้ไปถามพี่เขาบอก ไม่ได้ใช้position อะไรเลย  ใช้margin กับหน่วย px ธรรมดา  ผมเลยงงมันใช้ได้ด้วยเหรอ กับทุกอุปกรณ์
« แก้ไขครั้งสุดท้าย: 18 ธันวาคม 2016, 13:42:08 โดย BHunter » บันทึกการเข้า
MD.18
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 287
ออฟไลน์ ออฟไลน์

กระทู้: 3,025



ดูรายละเอียด เว็บไซต์
« ตอบ #3 เมื่อ: 18 ธันวาคม 2016, 13:29:11 »

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

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


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

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

ติดต่อทางเมล์ service.md18@gmail.com by ทวีศักดิ์  line : 0862600055

คิวงานว่าง !!
killer777
สมุนแก๊งเสียว
*

พลังน้ำใจ: 49
ออฟไลน์ ออฟไลน์

กระทู้: 961



ดูรายละเอียด เว็บไซต์
« ตอบ #4 เมื่อ: 18 ธันวาคม 2016, 13:32:45 »

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

รับทำแอพ
IDMAXIMUM Co., Ltd.
Oxiam
คนรักเสียว
*

พลังน้ำใจ: 9
ออฟไลน์ ออฟไลน์

กระทู้: 175



ดูรายละเอียด
« ตอบ #5 เมื่อ: 18 ธันวาคม 2016, 13:36:41 »

ไมเนียนพอ
บันทึกการเข้า

แนะนำโฆษณา Popunder เรทพอประมาณแต่...ได้วิวโคตรเยอะ
 คลิกเลย
BHunter
Newbie
*

พลังน้ำใจ: 0
ออฟไลน์ ออฟไลน์

กระทู้: 26



ดูรายละเอียด
« ตอบ #6 เมื่อ: 18 ธันวาคม 2016, 13:44:35 »

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

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


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

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

ขอบคุณมากครับ  
ขอถามเพิ่มนิดนึงครับ
มือถือมันกว้างแค่300 px กว่าๆ  ทำไมพี่เขาใช้ width:980px แล้วในมือถือมันไม่กว้างทะลุมือถือไปละครับ งงมาก อันนี้ผมมือใหม่จริงๆ ขออนุญาตถามเบสิกๆเลย
« แก้ไขครั้งสุดท้าย: 18 ธันวาคม 2016, 13:45:32 โดย BHunter » บันทึกการเข้า
BakKheab
สมุนแก๊งเสียว
*

พลังน้ำใจ: 65
ออฟไลน์ ออฟไลน์

กระทู้: 725



ดูรายละเอียด
« ตอบ #7 เมื่อ: 18 ธันวาคม 2016, 14:19:28 »

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

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

พลังน้ำใจ: 178
ออฟไลน์ ออฟไลน์

กระทู้: 903



ดูรายละเอียด
« ตอบ #8 เมื่อ: 18 ธันวาคม 2016, 15:13:07 »

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

พลังน้ำใจ: 166
ออฟไลน์ ออฟไลน์

กระทู้: 2,105



ดูรายละเอียด เว็บไซต์
« ตอบ #9 เมื่อ: 18 ธันวาคม 2016, 15:19:36 »

ลองตั้ง width เกิน 1024 ดูสิครับ มันจะเป็นยังไง  wanwan004
บันทึกการเข้า

หน้า: [1]   ขึ้นบน
พิมพ์