为什么只有一个页面有响应?

时间:2016-11-25 作者:Mario Marinato

在我们的博客上,只有一个页面是有响应的。当我们访问其他所有页面时,它们不会重新组织。我检查了所有的设置并在网上搜索了一会儿,但我找不到关于为什么会发生这种情况的提示。

以下是有效的页面:http://blog.tryd.com.br/archives/4494

手机上的任何其他页面看起来都是错误的。

你知道为什么会这样吗?

2 个回复
SO网友:Dan.

我可以看到div 具有id 属于wrapper 在CSS中设置了宽度。

它应该有width 属于auto.

我可以看到有效的页面(您为其提供了链接的页面),以及body 有一个class 其中div 宽度id wrapper 有它的width 设置为auto.

@media (max-width: 1100px){
    body.mobile #wrapper, 
    body.mobile #colophon, body.mobile #main, 
    body.mobile article.post, body.mobile #container, body.mobile #linky{
      width: auto;
    }
}
实际上,我可以看到有几个元素的宽度设置为“自动”,当bodyclass mobile.

所有其他页面-body 没有class 可移动的

一般来说,要回答您的问题block 元素将需要width 设置为auto100% 或者只是没有它width 在CSS中设置(自然宽度为100%)。

针对您的具体情况,您需要body 班级mobile 在所有页面上:

<body class="mobile">
最快的方法可能是编辑body 那在header.php.

下一个最快但可能是“更干净”的方法是使用body类过滤器(将其放入主题的functions.php, 将“my\\u theme”替换为主题的目录名称):

add_filter(\'body_class\', \'my_theme_body_classes\');

function my_theme_body_classes($classes) {
    $classes[] = \'mobile\';
    return $classes;
}

SO网友:newjonnydepony

在响应式工作的站点上,您拥有样式表dcd6b.css 它可以处理您网站的响应性外观。在所有其他页面上,它都丢失了。排队等候dcd6b.css 它应该会起作用。

相关推荐

Change menu for mobile

我正在WordPress网站上工作,我试图根据设备显示不同的菜单(桌面与移动)。为了做到这一点,我在标题中添加了一些代码。php文件:<?php if(wp_is_mobile()){ wp_nav_menu( array( \'menu\' => \'secon