- This topic has 5 ข้อความตอบกลับ, 5 เสียง, and was last updated 3 years, 4 months มาแล้ว by
.
กำลังดู 5 ความเห็น
-
ข้อความ
-
-
-
-
-
-
-
อย่างแรก ต้องเช็ค คลาสของ สินค้าที่จะปรับก่อนครับ
พอรู้แล้วว่า คลาสที่ใช้กำหนด ความกว้างของ สินค้าตัวนั้นๆ คืออะไร ให้กำหนดความกว้างสำหรับมือถือประมาณนี้ครับ
@media (max-width:767px){ //เป็นmedia query ให้ใช้ css เฉพาะหน้าจอที่ความกว้างไม่เกิน 767px หรือจะใช้ 768ก็ได้ครับ จะรวมถึงไอแพดด้วย แต่ ไอแพดสามารถใส่ได้ 3 อัน ก็จะดูสวยงามดีครับ
.product-class{
width:50%; //50% ในมือถือแสดง 2 คอลัม, 33.33% แสดง 2คอลัม, 25% แสดง 4 คอลัม แต่ในมือถือ แนะนำมากสุด 2 พอครับ มันจะเบียดมากเกินไปถ้าใช้3
}
}
ประมาณนี้ครับ
-
กำลังดู 5 ความเห็น
- คุณต้องเข้าสู่ระบบเพื่อตอบกลับกระทู้นี้