鍍金池/ 問答/HTML5  PHP  HTML/ 寬度是百分比，想設(shè)置高是寬的二分之一，能通過CSS實(shí)現(xiàn)嗎，calc()可以嗎

寬度是百分比，想設(shè)置高是寬的二分之一，能通過CSS實(shí)現(xiàn)嗎，calc()可以嗎

width:25%;
想要設(shè)置高是寬的一半，如何實(shí)現(xiàn)，我知道可以通過JS獲取寬度然后設(shè)置

回答
編輯回答
孤星

1.方案一：

div {
  width: 25%;
  height: 0;
  padding-bottom: 12.5%;
  background: blue;
}

2.方案二,如果元素的寬度是視口寬度的25%，則可以用如下方法

div {
    width: 25vw;
    height: 12.5vw;
}

https://www.zhihu.com/questio...

2017年8月24日 06:59
編輯回答
艷骨

vw是個(gè)好東西。

2017年7月1日 03:37