如何通过在CSS中使用百分比使div可伸缩

问题描述 投票:0回答:1

[嗨,我对可扩展div有一个疑问。我知道我们可以做类似的事情

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

这将在调整窗口大小时使图像可缩放。但是如何在Plain 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中是否完全可行。非常感谢。

html css
1个回答
2
投票
好的,两个潜在的问题:

    您的最小身高有错字
© www.soinside.com 2019 - 2024. All rights reserved.