Safari 将 td 移动到移动设备上的新行答案

【问题标题】：Safari move td's to new row on mobileSafari 将 td 移动到移动设备上的新行
【发布时间】：2017-08-16 15:16:59
【问题描述】：

我有一个需要在移动设备上运行的旧网站。整个事情都建立在桌子上。在移动设备上，我需要列占据 100% 的屏幕宽度，并且基本上换行。在 chrome、IE、FireFox 中……它可以正常工作。但是在 IOS 和 Safari 上，它不会换行，其余的列只会挤到角落里（看起来真的很糟糕）

我试过的CSS：td { display: block; width:100%; float: left; }

有人知道为什么只在 safari 上不会换行吗？

【问题讨论】：

【解决方案1】：

对于其他遇到此问题的人。除非您将 <!DOCTYPE html> 添加到文件顶部，否则 Safari 将覆盖表格样式（恕不另行通知）

【讨论】：