在适用于 iOS 9 (iPhone 5) 的 Chrome 上，我无法为移动设备显示响应式表格，它始终将 td 的显示样式属性设置为 { display: table-cell }。我希望每个 td 都在单独的行上，表现为一行 - 它已经在桌面上的所有浏览器上运行良好，甚至是 Chrome - 当我拉伸(stretch)它时它在显示器上很小。在所有移动模式下，它在 chrome 开发者工具上看起来都很好。在saucelabs手机模拟器上也很好看。
当我保存此页面(缓存它)并尝试在 iPhone 上的 iOS 版 Chrome 上查看它时，它会正确显示 - 每个 td 都在自己的行上(看起来是单独的一行)。我怀疑是 wordpress 做了一些修改，因为缓存版本显示正常。我为此苦苦思索了好几个小时都没有成功。
我试图修复它(所有尝试都失败了)以便它在我的 iPhone 上响应地显示(td 的样式有显示: block ；):
1.在文件开头添加，
2.新增显示:方 block ；明确:两者；在 html-element-tag-level 内联，
3. 我清除缓存并添加 javascript 以提醒 css("display")，它仍然输出表格单元格，
4. 为每个td-s添加id-s，并通过外部CSS为这些特定的td-s添加'display: block'，
5. 添加一段 javascript，它将所有 td 的“显示”更改为“ block ”($("td").css("display","block"); ) 每当更改选择字段时 - 适用于缓存版本但不是我的现场版，
6. 我可以做与 5.(见上文)相同的事情，将显示更改为无，但不阻止!
如果我记得我还尝试了什么，我会更新这个问题。
最佳答案
这似乎在 iOS9 新版本上得到了解决。我无法再在 Firefox for iOS 9.2.1 或 Chrome for iOS 9.2.1 上复制它。
关于ios - Chrome for iOS 9 上的 Wordpress 无法显示移动响应表，td 始终显示 : table-cell，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34077433/