小弟的網頁設計使用jQuery mobile的表格控件
table-toggle
但是發現一個問題
https://imgur.com/tOEirtf
這樣正常的表格
一旦瀏覽器寬度縮小
就會變成
https://imgur.com/dT4jrSX
這個問題該怎麼解決
小弟估計是jQuery mobile的CSS語法造成的
查閱jQuery mobile的說明
只提到
/* Show priority 1 at 320px (20em x 16px) */
@media screen and (min-width: 20em) {
.my-custom-class th.ui-table-priority-1,
.my-custom-class td.ui-table-priority-1 {
display: table-cell;
}
}
/* Show priority 2 at 480px (30em x 16px) */
@media screen and (min-width: 30em) {
.my-custom-class th.ui-table-priority-2,
.my-custom-class td.ui-table-priority-2 {
display: table-cell;
}
}
應該是在這邊不知道要怎麼改
想請問
會造成這種現象 CSS語法是加了什麼
才會造成本來td正常排列的 卻變成單獨排列
方便小弟搜尋修改CSS檔案