问题描述
我的目标是在所有屏幕尺寸上创建一个纵横比为1：1的div。
为了实现这一目标，我为div设置了50％的宽度和50％的高度。我认为通过提供50％的宽度和50％的高度，可以得到纵横比为1：1的完美正方形。
好吧，我错了...
div尊重我给它的50％的宽度，例如，在200px的屏幕尺寸上，其宽度为100px，在500px的屏幕尺寸上，宽度为250px， 50％width就像我指定的一样。
但是高度不符合我给它的50％的高度... ^^^同样，我假设如果我给它的宽度和高度为50％，则高度将与宽度相同，并且div将是一个完美的正方形。
我如何实现我的目标？ 如何在使用百分比宽度和高度的同时使div变为纵横比为1：1的完美正方形？
解决方法
暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！
如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@）