Safari将TD移动到移动的新行

问题描述:

我有这个旧网站需要适应移动。整个事情都建立在桌子上。在移动设备上,我需要列占据屏幕宽度的100%,并且基本上会换上新的产品线。在铬,IE,FireFox ..它只是工作。然而在iOS和Safari浏览器也不会去上一个新的行和列的其余部分只是紧缩成角(看起来真正的坏)Safari将TD移动到移动的新行

CSS我曾尝试:td { display: block; width:100%; float: left; }

谁知道为什么在Safari上只有它不会走上新的路线?

对于这个问题的其他人。除非您将<!DOCTYPE html>添加到文件的顶部,否则Safari会覆盖表格样式(不通知)

+1

使用DOCTYPE声明是基本的最佳做法。一定要确保使用它。 –