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

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

ThaiSEOBoard.comพัฒนาเว็บไซต์Programmingมีวิธีทำให้ Bootstrap responsive เฉพาะ Mobile ไม่ครับ
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: มีวิธีทำให้ Bootstrap responsive เฉพาะ Mobile ไม่ครับ  (อ่าน 1139 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
imagineverend
สมุนแก๊งเสียว
*

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

กระทู้: 911



ดูรายละเอียด
« เมื่อ: 04 สิงหาคม 2015, 10:24:12 »

มีวิธีทำให้ Bootstrap responsive เฉพาะ Mobile ไม่ครับส่วนความกว้างขนาด Tablet ให้แสดงแบบ Desktop หน้าจอปกติ

 wanwan017
บันทึกการเข้า
sputtaro
สมุนแก๊งเสียว
*

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

กระทู้: 910



ดูรายละเอียด
« ตอบ #1 เมื่อ: 04 สิงหาคม 2015, 10:49:01 »

ค้นใน google ด้วยคำว่า css media query หรือ css media screen size ก็ได้ครับ จะได้คำตอบที่ชัดเจน
เพราะ การบังคับให้แสดงผลบนมือถือ แทบเล็ท หรืออุปกรณ์ขนาดเล็กต่างๆ
จะใช้ media query หรือ media screen size เป็นตัวกำหนด

ส่วนการแสดงผลบนเดสท์ทอป ไม่ต้องกำหนดอะไรเพิ่มเติมด้วยคำสั่งกำหนดขนาดหน้าจอก็ได้
( หมายถึง มันต้องมีอยู่แล้ว แต่ไม่ระบุขนาดหน้าจอเป็นการเฉพาะเจาะจง)
หรือหากต้องการผลพิเศษใดๆ ก็ค่อยกำหนดขนาดหน้าจอเป็นการเฉพาะใน css อีกที
แต่ก็นั่นแหละ คุณต้องกำหนดด้วย media query หรือ media screen size ด้วยคำสั่งเฉพาะสำหรับหน้าจอขนาดนั้นๆ
« แก้ไขครั้งสุดท้าย: 04 สิงหาคม 2015, 10:51:34 โดย sputtaro » บันทึกการเข้า
A-LAND
หัวหน้าแก๊งเสียว
*

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

กระทู้: 2,145



ดูรายละเอียด
« ตอบ #2 เมื่อ: 04 สิงหาคม 2015, 10:56:11 »

ส่วนตัวผมคิดว่าไม่น่าจะได้นะครับ เพราะมันเกี่ยวกับความละเอียดหน้าจอ ไม่น่าจะเกี่ยวกับอุปกรณ์
บันทึกการเข้า
imagineverend
สมุนแก๊งเสียว
*

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

กระทู้: 911



ดูรายละเอียด
« ตอบ #3 เมื่อ: 04 สิงหาคม 2015, 11:15:03 »

+1 ให้แล้วครับ

ส่วนตัวผมว่าถ้าเขียน CSS เองน่าจะสะดวกกว่า
แต่ใช้ Bootstrap นี่ยาก
บันทึกการเข้า
sputtaro
สมุนแก๊งเสียว
*

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

กระทู้: 910



ดูรายละเอียด
« ตอบ #4 เมื่อ: 04 สิงหาคม 2015, 11:22:56 »

โดยปกติ ถ้าไม่ใช้งานที่ซับซ้อน ผมว่า เขียนเอง เราจะเข้าใจมันได้ดีที่สุดครับ
แต่พอต้องใช้ร่วมกับพวก jquery เช่น gallery หรือ อื่นๆ ผมต้องกลับไปใช้ bootstrap ทุกที
เพราะพวก jquery มักจะเข้ากันได้ง่ายกว่า
ตรงนี้แหละที่ผมว่า มันยากสำหรับผม
แล้วค่อยเขียน css ทับให้มันเปลี่ยนสี เปลี่ยนขนาด เอาเองอีกที
« แก้ไขครั้งสุดท้าย: 04 สิงหาคม 2015, 11:24:35 โดย sputtaro » บันทึกการเข้า
BeerKingMan
หัวหน้าแก๊งเสียว
*

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

กระทู้: 1,604



ดูรายละเอียด เว็บไซต์
« ตอบ #5 เมื่อ: 04 สิงหาคม 2015, 11:51:14 »

ทำได้ครับ ใช้ class xs ครับ
บันทึกการเข้า
Kalin
หัวหน้าแก๊งเสียว
*

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

กระทู้: 1,786



ดูรายละเอียด เว็บไซต์
« ตอบ #6 เมื่อ: 04 สิงหาคม 2015, 11:55:44 »

+1 ให้แล้วครับ

ส่วนตัวผมว่าถ้าเขียน CSS เองน่าจะสะดวกกว่า
แต่ใช้ Bootstrap นี่ยาก

ใช่เลยครับยากมาก CSS ง่ายกว่าเยอะเลย
บันทึกการเข้า

kiraoji
หัวหน้าแก๊งเสียว
*

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

กระทู้: 1,681



ดูรายละเอียด
« ตอบ #7 เมื่อ: 04 สิงหาคม 2015, 12:07:58 »

สำหรับเรื่องของ Responsive ผมว่าใช้ bootstrap เร็วกว่า css เยอะนะครับ 



+1 ให้แล้วครับ

ส่วนตัวผมว่าถ้าเขียน CSS เองน่าจะสะดวกกว่า
แต่ใช้ Bootstrap นี่ยาก

ใช่เลยครับยากมาก CSS ง่ายกว่าเยอะเลย
บันทึกการเข้า
mv17
ก๊วนเสียว
*

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

กระทู้: 316



ดูรายละเอียด เว็บไซต์
« ตอบ #8 เมื่อ: 04 สิงหาคม 2015, 12:45:04 »

foundation ดูไหมละครับ

ผมว่าหากมีเวลาไม่มากเราคงต้องเลือก responsive front-end framework ที่ให้บริการหลายๆเจ้ามาใช้งานครับ

เพราะว่ามี code ตัวอย่างให้ใช้อยู่แล้วคับ

หากเคยใช้มาครั้งสองครั้งเดะก็จะชินเองคับ ถือว่าไม่ยากครับ ค่อนข้างจะสะดวกและเร้วกว่าคัรบผม

แล้วแต่ดีไซนืและเวลาครับ
บันทึกการเข้า

iMacro เก็บสินค้า ให้เช่ารถบด เช่าแบคโฮ
น่านฟ้ากิจเจริญ | บริการให้เช่า รถแบคโฮ รถหกล้อดั้มพ์ รายวัน-รายเดือน
coolsweet
หัวหน้าแก๊งเสียว
*

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

กระทู้: 1,072



ดูรายละเอียด เว็บไซต์
« ตอบ #9 เมื่อ: 04 สิงหาคม 2015, 12:48:22 »

อยากรู้ด้วยคร้าบ ไม่เคยใช้เหมือนกัน
บันทึกการเข้า

jubajuba
สมุนแก๊งเสียว
*

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

กระทู้: 536



ดูรายละเอียด เว็บไซต์
« ตอบ #10 เมื่อ: 06 สิงหาคม 2015, 16:09:50 »

ทำได้ครับ  ไปศึกษาเรื่อง col ของ Bootstap ดูใหม่นะครับ
บันทึกการเข้า

SEnzoP
ก๊วนเสียว
*

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

กระทู้: 456



ดูรายละเอียด เว็บไซต์
« ตอบ #11 เมื่อ: 06 สิงหาคม 2015, 16:12:32 »

แปะลิงก์ให้ครับ http://getbootstrap.com/examples/grid/
บันทึกการเข้า

TeraBox for Webmaster สร้างรายได้จากการแชร์ไฟล์ มีแพลนให้เลือกหลายแบบ
bonkbonk
หัวหน้าแก๊งเสียว
*

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

กระทู้: 2,784



ดูรายละเอียด
« ตอบ #12 เมื่อ: 06 สิงหาคม 2015, 16:31:35 »

งี้เวลาเป็นแทบเลต เว็บก็จะแสดงผลเกินหน้าจอนะครับ ผู้ใช้ต้องซูมออกเอาเอง
บันทึกการเข้า

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