水平滚动条 - 移动风格 - 媒体查询

时间:2012-11-16 15:27:42

标签: css media-queries

我正在为客户端制作移动样式表,并在iphone上获得水平滚动条。我正在使用ios模拟器进行测试,因此不确定是否是原因。

  • 我有一个div #container,宽度为100%。容器包含页面的所有内容。
  • 没有填充或边距。
  • 我试过制作99,98,97%只是为了看它是否仍然出现,它确实......
  • 我正在使用overflow-x:hidden

我遗忘的技术还是我在这里缺少的东西?我以前做了一些移动样式表(在更简单的网站上)并没有遇到这个问题。

这是一个链接:

http://www.insomniacdesign.co.php5-24.dfw1-2.websitetestlink.com/roche/prototype-r4/core-template.php

1 个答案:

答案 0 :(得分:1)

它可能是你的iPhone的分辨率 - 如果我将我的浏览器调整为320它看起来很好,但我得到H'在那个和更高的res样式之间滚动。

更新:不知道这是否有帮助但是再次查看它,一旦它低于320,你的页面将恢复为更大的样式。你是否在手机上看到你的灰色条,表明媒体查询的样式集是什么施加?

在Android上看,你的菜单以“MyRoche”和“新闻与故事”开头,比“最佳实践”和“自定义职业地图......”的菜单更低,

上面的两个在我的320px宽屏幕上左右移动 - 希望这有帮助。