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

html-css023

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

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

可以给要设置固定高宽比例的元素加上

max-width:300px

min-weidth

具体数值自己定义

注意不要再设置width