Body div collapsing on mobile

-3

我试图让我的响应滑块（Soliloquy和RoyalSlider。试了两种。）在移动设备上工作，但每次我在iPhone上查看我的网站时，滑块被压缩到约三分之一的页面宽度。Body div collapsing on mobile

看过Web Inspector后，似乎任何一个包含div或身体标记本身已折叠到屏幕的一小部分。

screenshot

没有风格的Web检查显示，这似乎崩溃<body>或含格的<div id="page">。

有什么想法？新鲜眼睛的代码？该网站是住在这里：http://goo.gl/hdf5QG

非常感谢您的帮助！

2014-05-17 dmoz

以何种方式是它的广告？如果没有发布，我会如何与社区分享有问题的网址？这是荒谬的。 – dmoz

只是为了表明它不是一个广告，我已经换出了一个缩短/隐藏的网址。还是去了相同的地方，但那些如此关心的人现在不必看原始网址。 – dmoz

您的网站没有响应，但您的传送带是。

您可以通过确保父div不缩小尺寸来限制传送带的行为响应 - 最好的方法是标记#page div。

CSS

#page{ 
    min-width: 1000px; 
}

2014-05-17 19:33:58

太棒了！那到达那里。有没有办法让它延伸到窗口的宽度（即100％）？我试过最小宽度：100％;但那不起作用。 – dmoz

我虽然你的布局是960px的基础..但底部是占用1000px只是改变它 - 检查我更新的答案 –

啊，完美。谢谢！今天我一直盯着这个太久了。 – dmoz

回答