我在iPad上的中心对齐有问题。它在iPad Safari和iPad Chrome浏览器中无法正常工作——我尝试了在网上找到的所有建议——但我没有找到解决方案。
我的网站是newgranatik.tw1.ru和这个中间（主）块的问题。
我发现了有趣的解决方案-将元标签添加到我的网站
<meta name="viewport" content="width=[widest centered div];"/>
我已经详细查看了您的网站。问题是，当你缩小浏览器的宽度（或在较低分辨率的设备上查看）时，#main-container会将自己与{margin: 0 auto}居中，但#header会保持静态，宽度为1200px，因此它们都无法对齐
通过缩小浏览器窗口（在桌面上）的宽度来重现iPad的渲染效果
我建议让你的标题自动调整大小&自动居中。您可以先使用css缩小低分辨率/移动屏幕的徽标大小
除此之外，这个网站的设计也不错。
这里也有同样的问题。我试过了，效果很好设置转到Display&亮度转到显示缩放点击更多空间-完成