问CSS中高度与宽度相同吗？
EN

Stack Overflow用户

提问于 2018-03-05 09:38:50

回答 2查看 0关注 0票数 0

我想在我的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%;
}

票数 0

发布于 2018-03-05 19:13:03

你也可以用新的CSS视口单元来做到这一点：

CSS：

div {
    background:pink;
    width:20vw; /* 20% of the viewport width */
    height: 20vw;
}

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/-100004199

复制

相似问题