|
|
|
[CSS + Bootstrap ] ขอถามเรื่อง Logo, image ของ website การทำ responsive เวลาย่อ - ขยาย ให้มัน responsive แบบเทพๆ ผมละ |
|
|
|
|
|
|
|
ดูได้จากบทความนี้ครับ
https://www.w3schools.com/bootstrap/bootstrap_ref_css_images.asp
หากใช้ Bootstrap อยู่แล้วก็สามารถทำได้เลยโดยการใส่ class ที่มีชื่อว่า img-responsive
|
|
|
|
|
Date :
2017-10-12 12:57:17 |
By :
zcoolmax |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ถ้าย่อๆ แบบนี้ http://www.edu.buu.ac.th/edu2017/
อยู่ที่เราจะเลือกหยิบ code ที่ไหนมาเป็นตัวใช้งาน
มันมีทั้งใช้ jquery, php library, และกำหนด media ของ css คุมเสริม
ของผมก็จับประเภท Device ก่อน ประมาณว่าถ้าเปิดจาก Device ตัวไหน
ให้เลือกการทำงานแบบไหนก่อน หรือเลือกใช้ css แยกเป็น mobile กับ PC กันเลยครับ
บางงานที่เคยอ่านเจอ เขาใช้กำหนด media ใน css คุมล้วนๆ ก็ได้
ของผมมันก็ไม่ 100% ครับ ขี้เกียจคิด เอาเท่าที่เราเห็นสมควรครับ
ผมใช้ php library ที่ชื่อ Mobile_Detect เป็นตัวรับค่าว่าเปิดจากอุปกรณ์ไหน
จากนั้นใช้ jquery คุมว่าให้ทำงานแบบไหน อย่างไร มันก็มั่วๆ ครับ
ยังไม่ได้คิดต่อ ทำต่อครับ
สุดท้าย!! อาจมีคนแนะนำอะไรที่ง่ายกว่าที่ผมแนะนำครับ รอติดตามครับ
|
|
|
|
|
Date :
2017-10-12 14:33:48 |
By :
apisitp |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 01
|