2017-06-13 74 views
-3

這是我的表響應表CSS

enter image description here

我想在CSS來顯示移動響應上面的表像

enter image description here

+0

在[所以]你應該嘗試**自己編寫代碼**。後** [做更多的研究](//meta.stackoverflow.com/questions/261592)**如果你有問題,你可以**發佈你已經嘗試**與清楚的解釋是什麼是'工作**並提供[** Minimal,Complete和Verifiable示例**](// stackoverflow.com/help/mcve)。我建議閱讀[問]一個好問題和[完美問題](http://codeblog.jonskeet.uk/2010/08/29/writing-the-perfect-question/)。另外,一定要參加[遊覽]並閱讀[this](// meta.stackoverflow.com/questions/347937/)**。 –

+0

只需谷歌它。你會得到很多鏈接顯示如何做到這一點 –

回答

1

不知道如果這是你試圖完成,但嘗試使用視口寬度單位vm。

.responsive-table { 
    border-spacing: 0px; 
    width:100%; 
    font-size:2vw; 
} 
.responsive-table th{background-color:red;color:white;padding:5px} 

這裏是一個的jsfiddle

https://jsfiddle.net/f5c93LL2/

它將縮小相對於視寬度這樣的表的外觀相對相同的每個屏幕上的字體,提供的瀏覽器支持VW單元。