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

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。