在浏览器窗口中调整 div 及其内容的大小

当浏览器窗口大小调整时，是否可以自动调整 div 及其内容的大小？ 我希望文本不换行。我想调整图像和字体大小以具有相同的构图（或布局）。 可以使用 CSS 来实现吗？ 谢谢 马丁

CSS 仅提供有限的（半）事件，但是，您可以使用宽度或方向媒体查询来根据窗口的宽度应用不同的样式。

因此，对于某些浏览器，您可以使用：

@media all and (orientation:portrait) {
    body { color: red; }
}

当窗口宽度小于其高度时，这会将所有文本绘制为红色。

更准确地说，您可以使用宽度：

@media all and (max-width:800px) {
    body { color: red; }
}

当窗口宽度小于 800 像素时，会将文本绘制为红色。尝试调整大小这一页 http://jsbin.com/urizi看看效果。

更准确地说，需要 javascript。