网页出现在iPad屏幕的一半上



我最近的一部作品在ipad上出现了一些非常奇怪的错误。我没有,所以我的客户帮我拍了一些截图。我完全没有主意了。

该网站是用Twitter Bootstrap构建的。你可以在这里找到它以及所有的代码:

http://www.webalys.com/

以下是屏幕截图:

https://www.box.com/s/f45c618996c65006266a

在其中两张图片中,该网站仅以横向模式显示在屏幕的一半。如果不能做到这一点,两边都会有很大的差距(我认为这是我们使用的固定布局)。

我玩了很多视口元标签,但运气不好。无论我做什么,无论是在ipad、iphone还是安卓手机上,它都看起来很糟糕。我添加了视口元标记,以避免将所有文本压缩在一列中以适应移动显示器。

最奇怪的是,如果它是从谷歌搜索加载的,网站会在一边加载,而搜索仍然在另一边。

我不确定我是否解释得足够清楚。

谢谢!

最后我删除了meta"viewport"标记,一切正常。网站加载时没有更改任何内容,侧面的填充物也不见了。

我的最佳猜测是,当一个人想在较小的屏幕上保留桌面外观,而不是采用响应式设计时,这是没有必要的。

您还没有包含bootstrap.responsive.css文件,否则它将无法调整大小。

http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css

相关内容

最新更新