小弟的网页设计使用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档案