主要介绍了如何使用CSS保持页面内容宽高比的方法,作者举了伪元素和vw单元等不同方法下的例子,需要的朋友可以参考下

需求描述：移动端实现横跨页面半圆。（类似问题，实现4×4的正方形网格） 简化问题，我们可以理解为实现一个高度和宽度比为1:2的块。 需要解决问题： 　　　　　　　1，高度和宽度按照一定比例。 　　　　　　　2，外容器高度和宽度不确定。 　　　　　　　3，尽量不使用图片和脚本替代。 　　　　　　　4，兼容移动端。 编写html XML/HTML Code复制内容到剪贴板    　 思考一，使用height：100%， CSS Code复制内容到剪贴板 body{