我想在我的CSS文件中做下一个技巧,以便width = height而不设置像素。我想这样做,所以无论浏览器的分辨率是什么,在这两个维度上都有相同的值:
#test{
width: 20%;
height: (same as width);
}
这样是可行的吗?
发布于 2018-03-05 18:21:58
这个效果可能只是伪造padding
或者是margin
因为这个值是相width
对于元素容器的:
div {
background:orange;
width:20%;
padding-top:20%;
}
发布于 2018-03-05 19:13:03
你也可以用新的CSS视口单元来做到这一点:
div {
background:pink;
width:20vw; /* 20% of the viewport width */
height: 20vw;
}
https://stackoverflow.com/questions/-100004199
复制相似问题