【问题标题】:Body div collapsing on mobileBody div 在移动设备上崩溃
【发布时间】:2014-07-06 01:49:06
【问题描述】:

我正在尝试让我的响应式滑块(Soliloquy 和 RoyalSlider。两者都尝试过。)在移动设备上工作,但每次我在 iPhone 上查看我的网站时,滑块都会压缩到大约三分之一页面宽度。

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

Web Inspector 中没有显示样式似乎会折叠 <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) 上提出了这个问题,但被定向到这里。

【问题讨论】:

  • 在什么方面是广告?我如何在不发布的情况下与社区分享有问题的网址?这太荒谬了。
  • 只是为了表明它不是广告,我将网址换成了缩短/隐藏的网址。还是去同一个地方,不过这么关心的人现在不用看原始网址了。

标签: css responsive-design collapse


【解决方案1】:

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

您可以通过确保父 div 不缩小其大小来限制轮播响应式 - 最好的方法是定位 #page div。

CSS

#page{
    min-width: 1000px;
}

【讨论】:

  • 太棒了!到了那里。有没有办法让它拉伸到窗口的宽度(即 100%)?我试过 min-width: 100%;但这不起作用。
  • 我虽然你的布局是 960px
  • 啊,完美。谢谢!我今天已经盯着这个太久了。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多