jquery - cssで分割幅変更

Question

幅が異なる3つのコンポーネント(460px、300px、240pxなど)があり、そのうちの1つがcssを使用して画像に表示されています

460pxの場合は以下のフォーマットを設定する必要があります（例：#DivMain）

メインの幅が 300px の場合、2 列は同じ div の 1 つの列になります #DivMain メインの幅が 240px の場合、2 列は同じ div の 1 つの列になります #DivMain

以下はhtml形式です：

<div class="DivMain">
      <table>
           <tr> <td> </td> </tr>  
           <tr> <td> </td> </tr>  
           <tr> <td> </td> </tr>  
           <tr> <td> </td> </tr>  
           <tr> <td> </td> </tr>  
           <tr> <td> </td> </tr>  ..etc
     </table>
</div>

Answer 1

CSS メディア クエリを再編成して使用することを検討してください。これらは、レスポンシブ デザインの構成要素です。テーブルはレスポンシブ レンダリングには適していません。

より詳しい情報