jquery - css中的划分宽度变化

Question

我确实有 3 个宽度不同的组件（如 460px、300px、240px），其中一个使用 css 在图像中显示

当它是 460px 时，我需要设置以下格式（例如：#DivMain）

当主宽度为 300px 时 2 列变为同一 div 的单列 #DivMain 当主宽度为 240px 时 2 列变为同一 div 的单列 #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 媒体查询。它们是响应式设计的基石。表格不适合响应式渲染。

更多信息