Javascript 如何将比手机屏幕宽的div水平居中？

仅针对移动屏幕，我需要一个圆形

div

元素，该元素比移动屏幕宽且居中。此

div

必须是一个精确的圆

我有这个，但我不能增加宽度大于屏幕宽度

如果高度大于屏幕宽度，我将根据

div

高度计算宽度。否则，宽度的最小值应大于当前屏幕宽度

---

如果可能的话，我正在寻找一个

JavaScript

唯一的解决方案（没有jQuery）。这个问题可能是重复的，但我特别需要

#circle

元素比屏幕宽，并且使用

位置：absolute

（正如那边的一个答案中所建议的那样）会造成很多混乱。

仅CSS的答案也应该可以吗？可以将这些设置添加到相关图元中：

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

---

只需为该圆圈创建一个容器，放置在容器溢出：隐藏；这应该行得通。现在在容器中放置宽度：100%，在圆中放置宽度：inherit@Leandro你的JSFIDLE坏了。

宽度：100%

将圆圈压缩到屏幕内。我想实现@Johannes的答案。此外，它应该是一个完美的圆圈。哦，好吧，对不起，即使你得到了正确的答案，我也会修正它，很好，有多个ASN这是我想要实现的，尽管我如何限制内部

的最大宽度等于屏幕宽度。另外，JavaScript的宽度和高度与屏幕大小无关。您也可以使用固定的px宽度。使用固定的px宽度会使事情变得更简单，但我正在考虑使用可变大小的圆形

div

s的响应性更强的解决方案。我认为Js现在可以工作了，如果

左：50%

你刚刚写了“不管屏幕大小”（？）是的，宽度是在保持

高度的同时计算的：auto

，这将取决于其中放置了多少内容、文本和/或按钮。单行将实现最小半径

div

，而高度较大的大段落将使用它缩放宽度。这就是JavaScript的用途。