CSSを使ってテーブル全体を幅広く取り上げる方法は？

Question

私はモバイル対応テーブルを備えたサイトを作っています。 cssを使用してテーブル全体を全幅（100％）にするにはどうすればよいですか？

<table> 
    <tr> 
     <td>Column One</td> 
     <td>Column Two</td> 
    </tr> 
</table> 

お互いに近い2つの列の情報を読み取るのは難しいです。

Answer 1

まず、あなたは、あなたが目に同じことを行うことができ、あなたのテーブルには100％の幅を持っていることを確認する必要があるとTD

table, td { 
    width: 100%; 
} 

EDIT： あなたのオリジナルのポストを編集しているので、あなたが与える必要があります最初のTDクラス

<td class="first"> 

td.first { 
    width: 100%; 
} 

これは、最初の列はそれができると第二のTDだけで十分な広コンテンツのためになるようにページの多くを使用するようになります。テキストを折り返したり何かをしたくない場合は、幅をあげる必要があります。

td {display:block;width:99.9%;clear:both} 

または、@nuxで述べたように、マイクロソフトのブラウザは義務付け、あなたではないでしょうが、

td {display:block; box-sizing:border-box; clear:both} 

のいずれかが、十分なはずです：

Answer 2

これは、細胞に、他の以下のいずれかが表示されます。それらには独自のマークアップが必要な場合があります。もう一度、人々が携帯電話でブラウザを使用する予定の場合、マイクロソフトの電話を購入しないので、問題は軽微です。