0

我们已经在http://tcsdesignreno.com/zing-cards/上编写了一个站点来响应。每当我在在线响应式设计测试网站（例如： http: //mattkersley.com/responsive/或http://beta.screenqueri.es/）中查看它时，它看起来都很好，但如果我在 HTC Sensation 上使用它， iPhone 5 或 Galaxy 3 它切断了屏幕的右侧。我在每部手机上都使用了标准的网络浏览器、safari 和 chrome。我试图通过将我的安卓手机连接到我的电脑来调试它，但似乎找不到问题。

没有硬编码的边距或我能找到的任何其他东西会导致手机这样做。

提前感谢您的帮助！

马特

4

2 回答 2

0

您可以将您的网络浏览器调整为小尺寸并查看出现的滚动条，而不是使用响应式测试网站。

您padding: 0 20px;对<head>滚动条有贡献。我会仔细阅读您的 CSS 以获取可能导致此问题的填充/边距（例如 jbenjohnson 说检查您的负边距）。

于 2013-10-24T21:54:01.520 回答
0

首先要解决的是 class="logos" 的宽度。对于响应式设计，您的断点和宽度最好在 ems 中设置。您可以删除该元素上的宽度声明并让它变得流畅。

要查看的另一件事是您在 Zing 和 Cards 图像上获得的负边距。

于 2013-10-24T20:21:43.183 回答