我在iPad上遇到中心对齐问题。 它在iPad Safari和iPad Chrome浏览器中无法正常工作 - 我尝试了我在网络上找到的所有建议 - 但我找不到解决方案。
我的网站是newgranatik.tw1.ru，在这个中间（主要）区块中存在问题。
答案 0 :(得分：0)
我找到了有趣的解决方案 - 在我的网站上添加元标记
<meta name="viewport" content="width=[widest centered div];"/>
答案 1 :(得分：0)
我已经详细了解了您的网站。问题在于，当您缩小浏览器的宽度（或在较低分辨率的设备上查看）时，#main-container自身居中{margin: 0 auto} 但是#header仍然是静态的宽度为1200px，因此它们都不对齐！
通过缩小浏览器窗口的宽度（在桌面上）重现iPad的渲染方式。
我建议您的标题自动调整大小＆amp;自动中心。您可以先使用css减小徽标的尺寸，以获得较低分辨率/移动屏幕。
否则，该网站设计很好。