如何通过使用CSS中的百分比使div可扩展

Question

您好我有关于可扩展div的问题。我知道我们可以做类似

的事情

img {
  width: 100%;
  height: 98%;
}

这样可以在调整窗口大小时使图像可扩展。但是如何在普通div中实现相同的效果呢？我想指定最小宽度和最小高度。因此，我希望div内部的内容为450x300，但是当窗口调整大小时，div也需要能够将其大小反映到窗口中。但是，当我做

之类的事情时

div {
  min-width: 450px;
  min-hieght: 300px;
  width: 100%;
  height: 100%;
}

它不起作用，因为我怀疑所有浏览器也是如此。请建议我解决这个问题。

更新 这是我的代码示例http://jsfiddle.net/noppanit/Xfpp7/

我想要做的是必须使用“某些文字”的div与图像具有相同的大小，无论图像有多大。当您调整窗口大小时，“Some Text”会以与图像相同的速率缩小或增长。不确定这在纯CSS，HTML中是否可行。非常感谢。

Answer 1

好的，有两个潜在的问题：

• 你的最低身高错字
• 您是否也指定了div容器的高度？例如，如果div直接在body，你必须给身体一个特定的高度，浏览器将不知道它是什么。

修改
要回答您的评论，如果您希望div在大屏幕上宽450像素，但在屏幕较小时缩小，则需要max-width而不是min-width。