2016-05-14 100 views
0

我試圖在safari上獲得一個簡單的響應表。響應式數據表不能在Safari瀏覽器工作

我試圖在小屏幕上將所有表格元素設置爲display:block,以便它們堆疊在一起。

@media only screen and (max-width: 760px) { 

    table, thead, tbody, th, td, tr { 
     display: block; 
    } 

    td:empty { 
     display: none; 
    } 

} 

技術解釋爲here

我試圖讓this simple jsbin工作,這是我得到:

enter image description here

回答

1

今天我有同樣的問題,我的問題是我沒有在文檔類型註釋html標題。

<!DOCTYPE html> 
<html> 
etc... 

此修復您的jsbin樣品太...

enter image description here

-1

我使用的是語義的用戶界面,並已與在Safari同樣的問題掙扎。

添加<!DOCTYPE html>爲我解決了這個問題。

+0

感謝您的回答!但它看起來像半年前已經提供了[完全相同的答案](http://stackoverflow.com/a/37898979/660921)? – Carpetsmoker

相關問題