2017-08-16 47 views
0

我有這個舊網站需要適應移動。整個事情都建立在桌子上。在移動設備上,我需要列佔據屏幕寬度的100%,並且基本上會換上新的產品線。在鉻,IE,FireFox ..它只是工作。然而在iOS和Safari瀏覽器也不會去上一個新的行和列的其餘部分只是緊縮成角(看起來真正的壞)Safari將TD移動到移動的新行

CSS我曾嘗試:td { display: block; width:100%; float: left; }

誰知道爲什麼在Safari上只有它不會走上新的路線?

回答

0

對於這個問題的其他人。除非您將<!DOCTYPE html>添加到文件的頂部,否則Safari會覆蓋表格樣式(不通知)

+1

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