Question

仅定位移动屏幕，我想要一个圆形的div元素，它比移动屏幕更宽并且居中。这个div必须是一个完整的圆圈。

我有这个JSFiddle，但我无法将宽度增加到大于屏幕宽度。

如果高度大于屏幕宽度，我正在根据div高度计算宽度。否则，宽度应该具有大于当前屏幕宽度的最小值。

如果可能的话，我正在寻找一个JavaScript唯一的解决方案。这个问题可能与this和this重复，但我特别要求#circle元素比屏幕更宽，使用position: absolute会导致很多混乱。< / p>

Answer 1

CSS唯一的答案也应该没问题？您可以将这些设置添加到相关元素：

position: relative;
left: 50%;
transform: translateX(-50%);