css 在响应式设计中仅使用CSS维护HTML元素的宽高比（http://codepen.io/Mestika/pen/rapgyX）

Posted 2021-05-13

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css 在响应式设计中仅使用CSS维护HTML元素的宽高比（http://codepen.io/Mestika/pen/rapgyX）相关的知识，希望对你有一定的参考价值。

/* CHECK THE CODEPEN: http://codepen.io/Mestika/pen/rapgyX */

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

以上是关于css 在响应式设计中仅使用CSS维护HTML元素的宽高比（http://codepen.io/Mestika/pen/rapgyX）的主要内容，如果未能解决你的问题，请参考以下文章