Question

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

在查看Web Inspector之后，似乎其中一个包含div或body标签本身已折叠到屏幕的一小部分。

screenshot

Web检查器中没有显示似乎折叠<body>或包含div的<div id="page">的样式。

有什么想法？新鲜的眼睛在代码？该网站在此处显示：http://goo.gl/hdf5QG

非常感谢您的帮助！

对于交叉引用，我首先在wordpress.stackexchange.com上询问了这个问题（https://wordpress.stackexchange.com/questions/144653/body-div-collapse-on-mobile?noredirect=1#comment209226_144653），但是却被引导到这里。

Answer 1

您的网站没有响应，但您的轮播是。

你可以通过确保父div不缩小其大小来限制轮播的动作响应 - 最好的方法就是目标#page div。

<强> CSS

#page{
    min-width: 1000px;
}