利用css怎样实现宽和高的比例是1:1

html-css07

利用css怎样实现宽和高的比例是1:1,第1张

css3有两个新单位,vw和vh,vw表示占用父元素宽度的百分比,vh表示父元素高度的百分比,如20vw表示元素宽度为父元素宽度的百分之二十,你设置宽度和高度都为20vw,就能实现正方形的效果。不过有个bug,就是现在浏览器对css3的支持度不是很大,有些浏览器不支持

首先确保这个div是不是是block。默认情况下,div是block。可能在设置某些css样式的时候更改了也不一定。 可以如果设置了高度,他的高度就会固定下来。可以这样改。不设置他的高度,设置它的overflow:hidden属性就可以自适应内容了、

用JQ来设置高度,你可以参考这个有点类似http://zhidao.baidu.com/link?url=w0xGkp-Jf7ghcNcp8jR2GOkMxqIqWaV2q8y0XOida4AcC80fCVsMQ-YGwuW8krn4SUulHjc5bh4ZC5-gYE4wvK