css 用css创建完美的正方形。第二种解决方案使用视口,但仅支持IE9 +

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 用css创建完美的正方形。第二种解决方案使用视口,但仅支持IE9 +相关的知识,希望对你有一定的参考价值。

#square {
  height: 100vh;
  width: 100vh;
}
#square {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}

以上是关于css 用css创建完美的正方形。第二种解决方案使用视口,但仅支持IE9 +的主要内容,如果未能解决你的问题,请参考以下文章

CSS - 具有完美正方形的网格[重复]

CSS3 做一个旋转的立体3D正方形 动效核心前端就业课 第二阶段CSS 零基础到实战(07)

CSS3 做一个旋转的立体3D正方形 动效核心前端就业课 第二阶段CSS 零基础到实战(07)

CSS如何写一个宽度为屏幕50%的正方形DIV

如何创建一个倾斜45度并具有分隔边框的正方形

textbox怎么使它隐藏