我試圖使表格寬度在所有設備上保持一致,這樣就不會溢出到加載網站的移動設備上的右側和視圖之外。這里有兩張用于比較的圖像,僅顯示了數十種不同移動設備(iOS 和 Android)中的兩個示例。我嘗試過對表格 CSS 進行不同程度的更改,包括寬度、最大寬度、固定等。但似乎沒有任何效果。我認為在所有設備之間對給定寬度進行簡單妥協就可以解決問題,但寬度沒有任何影響。幾乎就像瀏覽器不再識別寬度屬性一樣。要進入此屏幕,請通過 https://intechrahealth.com/ 將產品添加到購物車。這是結賬頁面。如有任何幫助,我們將不勝感激。
1 回答

慕斯王
TA貢獻1864條經驗 獲得超2個贊
您的font-size太大。如果你縮小它,整個桌子就會縮小并合適。在此更改此查詢
@media (max-width: 479px)
#content table.cart td, #content table.cart th, #content table.cart tr, table.cart
td, table.cart th, table.cart tr {
padding: .857em .287em!important;
}
}
對此,響應式font-size
@media (max-width: 479px)
#content table.cart td, #content table.cart th, #content table.cart tr, table.cart
td, table.cart th, table.cart tr {
padding: .857em .287em!important;
font-size: 3vw;
}
}
- 1 回答
- 0 關注
- 171 瀏覽
添加回答
舉報
0/150
提交
取消