Html 在较小的屏幕上居中而不剪裁？

我试图在页面上水平居中放置一个元素/div。我通常的策略是做保证金：0自动或保证金左：50%；并用左键弥补差额：-div宽度的一半

然而，当我这样做时，当我在较小的屏幕或浏览器上查看网站时，我会遇到一个问题。基本上，如果视口小于div的宽度，则会剪裁部分div，并且无法滚动查看其余部分。溢出属性似乎不受此影响

这是一个问题，我已经遇到了几次，从来没有能够找到一个解决办法。我浏览了论坛，但找不到答案。任何能把我推向正确方向的帮助都会很有帮助

发生这种情况的一些示例（只需将浏览器窗口调整为较小的宽度，您就会看到这种情况发生）：

---

谢谢大家!

试试这个：这会遇到同样的问题，就像你缩小到超过div的大小一样，div的左半部分会被剪裁，你只能滚动到右半部分。理论上，这应该可以正常工作。你的问题可能是那些网站上的其他问题。你是说响应性设计？