0

嗨，我有一个关于可扩展 div 的问题。我知道我们可以做类似的事情

<pre>
    <code>
        img {
            width: 100%;
            height: 98%;
        }
    </code>
</pre>

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

<pre>
    <code>
    div {
        min-width: 450px;
        min-height: 300px;
        width: 100%;
        height: 100%;
    }
    </code>
</pre>

我怀疑它不适用于所有浏览器。请建议我解决这个问题。

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

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

4

1 回答 1

2

好的，两个潜在的问题：

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

编辑：
要回答您的评论，如果您希望 div 在大屏幕上为 450 像素宽，但在屏幕较小时缩小，您需要max-width而不是min-width.

于 2012-04-15T15:05:14.910 回答