Question

我一直有问题表不想改变（其他一切都按照它应该扩展）响应地使用iOS上的媒体查询，它在Android手机和平板电脑上完美运行，但在iOS上却没有。我尝试添加视口元标记，但它没有帮助。谁知道怎么修它？部分媒体查询不起作用：

table, thead, tbody, th, td, tr { 
display: block;
max-width:100%; 
 }
th{
display:none;
}

td { 
border: none; 
position: relative;
padding-left: 50%; 
font-size: 1em;
background-color: #F6F7FB;
}

td:before { 
position: absolute;
top: 6px;
left: 6px;
width: 45%; 
padding-right: 10px; 
white-space: nowrap;
line-height: 4em;
vertical-align: middle;
font-weight: bold;
}
  td:nth-of-type(2):before { content: "test"; }
 td:nth-of-type(3):before { content: "test"; }
 td:nth-of-type(4):before { content: "test"; }
 td:nth-of-type(5):before { content: "test"; }
 td:nth-of-type(6):before { content: "test"; }
 td:nth-of-type(7):before { content: "test"; }

Answer 1

我不确定，但是对我来说，改变显示是不正确的。在大多数情况下，表格中的位置相对/ absolut也不起作用。您是否可以将表结构更改为具有显示表和表格单元格的div结构？我总是这样做，当需要使一些大表响应并且没有问题

媒体查询无法在iOS上运行

1 个答案: