如何将标签大小调整为浏览器窗口大小？

Question

代码：http://codepen.io/anon/pen/Dyjwi/

如何在浏览器窗口调整大小时让选项卡区域调整大小？我还希望文本在标签区域大小更改时调整大小。谢谢！

Answer 1

在您指定的CSS中：

#page-wrap {
    width: 960px;
    margin: 100px auto;
}

其中，作为选项卡式内容的父级，也成为内容的宽度。 如果您希望内容的宽度随窗口大小调整，我会将宽度更改为窗口宽度的某个百分比：

#page-wrap {
    width: 60%;
    margin: 100px auto;
}

您也可以使用max-width属性来限制内容的扩展。

我已经制作了CodePen的更新版本。