【发布时间】：2013-11-25 08:12:42
【问题描述】：
我在这个网站上工作，发现在每个浏览器上页面居中都可以，但在 iPad 上，页面在屏幕左侧很难呈现。 iPhone 和 Galaxy 也是如此。此外，“添加此”按钮不会出现在移动设备上，但在 DT/NB 上的所有浏览器中都可以正常工作。
浏览器视图：
iPad 迷你视图：
例如，应该在浏览器中（每张图片）呈现暗色的标题区域是：
HTML：
<div class="title-bar bar"></div>
CSS：
.bar {
position: absolute;
width: 100%;
left: 0;
top: 0;
z-index: -99;
}
.title-bar {
background-color: #000;
height: 150px;
width: 100% !important;
}
欢迎提出任何建议。谢谢！
【问题讨论】：
-
尝试检查您的媒体查询的断点。
-
嗨，Umar Khan，我不明白你的建议。标题栏和页脚栏应该以与基于 CSS 的 DT 浏览器中相同的方式运行，在浏览器中居中和彩色栏。你能详细说明一下吗？谢谢
-
我想您正在使用 css 媒体查询来使您的网站具有响应性，以便它根据需要在您的网站上显示内容。如果不是这样，请提供更多详细信息或链接到您的网站，以便我们检查
-
嗨，Umar Khan 不，我不是自己做的，这是一个大型商业网站，CMS 会即时进行。有两种不同的 CSS 模板，一种用于移动设备，一种用于 PC 浏览器。在 iPad 上，它默认为 PC 浏览器 CSS（移动模板看起来完全不同），并且无法正确解析每张图片。网站地址是kelvingroveequestrian.com.au。另一个问题是 iPad 上不显示“添加此”按钮，这是来自添加此站点的标准代码，位于页脚中。它在 DT/NB 浏览器上可以正常工作，但在 iPad 上不行。感谢您的帮助！