作者IRS404 (LL)
看板Web_Design
标题[问题] jQuery mobile table问题
时间Sat Aug 10 17:20:49 2019
小弟的网页设计使用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档案
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 220.137.204.25 (台湾)
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1565428852.A.D54.html