分区宽度在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媒体查询。它们是响应式设计的基石。表格不适合响应式渲染。

More Info