首頁  >  問答  >  主體

css3 - 纯CSS实现宽度是百分比的元素成为一个正方形,适配各种屏幕?

如题,一个p,设置width:30%,如何让它的高度和宽度一样大小,并且随着宽度的变化而变化?

前提:不使用js代码

<body>
   <p style='width:30%'></p>
</body>
PHP中文网PHP中文网2764 天前615

全部回覆(3)我來回復

  • ringa_lee

    ringa_lee2017-04-17 11:22:19

    <p style="width:30%;padding-bottom:30%;height:0px;background:#ccc;"></p>


    設定高度為0,防止有內容時高度溢出

    回覆
    0
  • ringa_lee

    ringa_lee2017-04-17 11:22:19



    回覆
    0
  • 阿神

    阿神2017-04-17 11:22:19

    雷雷

    回覆
    0
  • 取消回覆