2017-06-13 13 views
-3

は、これは私がこれは何であるかどうかを知るしないでくださいCSS応答表のCSS

enter image description here

+0

あなたはあなた自身で**コードを書くことができます**。 ** [もっと研究をして](// meta.stackoverflow.com/questions/261592)**あなたが問題を抱えていると、あなたが試みたものを投稿することができます** (** stackoverflow.com/help/mcve)を提供しています。私は良い質問と[完璧な質問]を読むことをお勧めします(http://codeblog.jonskeet.uk/2010/08/29/writing-the-perfect-question/)。また、[ツアー]を取って** [this](// meta.stackoverflow.com/questions/347937/)**を必ず読んでください。 –

+0

ちょうどそれgoogle。それを行う方法を示すたくさんのリンクが得られます –

答えて

1

のように、モバイル応答のために、上記の表を表示したい

enter image description here

私のテーブルですこれを達成しようとしていますが、ビューポート幅単位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をサポートして単位。