1

我最近的一部作品在 ipad 上有一些非常奇怪的错误。我没有自己的,所以我的客户为我拍了一些截图。我完全没有想法。

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

http://www.webalys.com/

以下是截图:

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

在其中两个图像上,站点在横向模式下仅出现在屏幕的一半上。然后,如果它不这样做,那么两边都有很大的余量(我认为它来自我们使用的固定布局)。

我用视口元标记玩了很多,但没有运气。无论我做什么,在 ipad 或 iphon 或 android 手机上看起来都很糟糕。我添加了视口元标记以避免将所有文本压缩在一列中以适应移动显示。

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

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

谢谢 !

4

2 回答 2

1

最后我删除了元“视口”标签,一切正常。网站加载时没有更改任何内容,并且侧面的填充物消失了。

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

于 2012-09-14T17:34:44.300 回答
0

您没有包含 bootstrap.responsive.css 文件,否则它不会调整大小。

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

于 2012-08-30T15:52:45.033 回答