-3
Q
応答表のCSS
A
答えて
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をサポートして単位。
関連する問題
- 1. CSS応答クエリ
- 2. CSS - 応答トップ
- 3. CSS応答 - divの
- 4. CSSの応答ボタン
- 5. CSS応答Magentoの
- 6. CSS応答デザイン - 縦型表示
- 7. ピュアCSS応答マルチレベルのメニュー
- 8. 応答HTML/CSSのツリービュー
- 9. 応答形式のHTML、CSS
- 10. 応答CSSの三角形
- 11. CSS、応答性のDIV
- 12. 修正ステップライン応答CSS
- 13. HTML、CSS、画像応答ウェブサイト
- 14. 右揃え応答CSSグリッドレイアウト
- 15. CSS 3列応答レイアウト
- 16. HTML CSS応答本部ブートストラップ
- 17. 表示応答
- 18. 応答ブートストラップCSSのPHPのエラー
- 19. 表データ応答ブートストラップ
- 20. 応答のあるボタンasp net css
- 21. CSSアニメーションの画面応答性
- 22. 応答レイアウト(CSS)の浮動要素
- 23. 応答マージンのあるCSSギャラリー
- 24. 応答CSSの余分なスペースは、float:left;
- 25. CSSでモバイルへの応答性
- 26. CSSの列応答的な問題
- 27. HTML/CSS「応答の切り捨て」
- 28. CSSの移行が応答しない
- 29. HTML/CSSスパンポップアップ表示が応答しない
- 30. 異なる行に応答するHTML CSS表
あなたはあなた自身で**コードを書くことができます**。 ** [もっと研究をして](// 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/)**を必ず読んでください。 –
ちょうどそれgoogle。それを行う方法を示すたくさんのリンクが得られます –