【问题标题】:Responsive (Design) website does not shrink to fit mobile响应式(设计)网站不会缩小以适应移动设备
【发布时间】:2014-08-09 17:26:18
【问题描述】:

我有一个网站:tripavto.com(与 trip-avto.ru 相同的问题)

它应该是响应式的,但它似乎没有缩小到超过 910 像素以适应移动屏幕。

当我试图在 Stylizer 中调试它时,chrome 通过放置 display:none;在每个元素上,没有任何效果。我删除了所有类似的元素,网站仍然没有缩小到移动版本。

我错过了什么?为什么网站即使响应式也没有缩小?

问题:网站不会缩小超过一个点

提前感谢您,非常感谢您的帮助。

【问题讨论】:

  • 你能告诉我们你的代码吗?
  • 如果您也发布代码会更好。
  • 网站是基于wordpress的,所以没有静态html文件,也有多个css文件...我应该把所有的css都贴出来吗?

标签: jquery html css responsive-design


【解决方案1】:

在您的 css 第 49 行中,只需在下面找到并如下注释掉

.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
/* width: 940px; */
}

【讨论】:

  • 这个站点有两个版本的 Bootstrap - 这不好 - 第 49 行的一个在媒体查询之外并导致了问题。删除它,清除 CMS 和浏览器中的缓存。
【解决方案2】:

必填:

.container, 
.navbar-static-top .container, 
.navbar-fixed-top .container, 
.navbar-fixed-bottom .container 
{ max-width:90% }

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2015-03-01
    • 2013-10-09
    • 1970-01-01
    • 2018-09-20
    • 2016-09-03
    • 1970-01-01
    • 2016-10-14
    • 1970-01-01
    相关资源
    最近更新 更多