我在 iPad 上遇到中心对齐问题。它在 iPad Safari 和 iPad Chrome 浏览器中无法正常工作 - 我尝试了我在网络上找到的所有建议 - 但我没有找到解决我问题的方法。
我的网站是newgranatik.tw1.ru和这个中间（主要）块的问题。
问问题
1904 次
2 回答
0
我已经详细查看了您的网站。问题是，当您减小浏览器的宽度（或在较低分辨率的设备上查看）时，#main-container中心本身与{margin: 0 auto} BUT#header保持静态，宽度为 1200 像素，因此它们都无法对齐！
通过减小浏览器窗口（在桌面上）的宽度来重现 iPad 的渲染方式。
我建议让您的标题自动调整大小和自动居中。您可以首先使用 css 减小较低分辨率/移动屏幕的徽标大小。
否则，该网站的设计不错。
于 2013-08-14T20:37:39.800 回答
0
我找到了有趣的解决方案 - 将元标记添加到我的网站
<meta name="viewport" content="width=[widest centered div];"/>
于 2013-08-14T20:35:42.580 回答