Question

我正在尝试一个非常简单的事情（我想），但它只是不起作用。如果我设置这样的表格样式：

    table {
     width: 537px;
     height: 19px;
     max-width:  100%; 
    }

<table>
  <tr>
    <td style="background-color: #ffe129;">text</td>
    <td style="background-color: #bdff4d;">text</td>
  </tr>
</table>

然后，即使我的窗口宽度为400px，表格宽度也为537px。 div为400px。

将display:block添加到表格样式会破坏表格：see here

Answer 1

我将定义max-width: 537px;为例，然后通过这种方式给出width: 100%如果您说{max-width 537px {1}};它总是尊重屏幕的宽度，它不会超过 537px

＆＃13;

width:100%

＆＃13;

table
{
 width: 100%;
 height: 19px;
 max-width:  537px; 
}

＆＃13;