PageAdmin网站内容管理系统(CMS)交流论坛

注册

 

QQ登录

只需一步,快速开始

发新话题 回复该主题

响应式网页,手机端顶部及主菜单样式不显示 [复制链接]

1#
测试网址:[url]http://yongjiang-001-site1.site4future.com/[/url]
PC端显示正常,手机浏览网页顶部及主菜单样式不显示了
代码如下:
[code]/*顶部及主菜单样式*/
.top_box{clear:both;width:100%;height:100%;min-height:150px;position:relative;z-index:6;background:url(images/menu_bg.jpg) repeat-x 0 bottom;}
.top_box_inner{display:block;width:100%;height:100%;max-width:1000px;margin:0px auto;}
.top_box .logo{float:left;text-align:left;max-width:500px;overflow:hidden;margin:10px 0px;height:80px;line-height:80px;}
.top_box .logo a{display:block;height:100%;width:auto;}
.top_box .logo img{display:block;height:100%;width:auto;}
.top_box .topcontent{float:right;text-align:right;height:40px;margin:30px 0px;}
.menu_box{clear:both;display:block;text-align:left;width:100%;}
.menu_style{border-left:1px solid #7bc14d;}
.menu_box li{float:left;text-align:center;}

a.menu{display:block;line-height:50px;color:#fff;text-align:center;padding:0px 1em;margin:0px;clear:both;overflow:hidden;font-size:16px;}
a.menu:hover {background:#47b300;color:#fff;text-decoration:none;}

.menu_current a.menu{background:#47b300;color:#fff;text-decoration:none;}
@media only screen and (max-width:960px)
{
body{font:14px/1.8 Tahoma,Verdana,Arial,\5b8b\4f53;}

.top_box{width:100%;min-height:auto;background:none;}
.top_box .logo{max-width:420px;height:70px;margin:0px 0px;}
.top_box .topcontent{display:none;}

.menu_box{min-width:100%;width:100%;clear:both;background:#47B300;}
.menu_box li{float:none;display:block;width:100%;position:relative;z-index:3;min-width:100%;}
a.menu{text-align:left;padding-right:46px;padding-left:10px;border:0px;margin:0px;width:auto;color:white;font-size:16px;line-height:46px;border-bottom:1px solid #7bc14d;;}    
a.menu:hover{border-width:0px 0px 1px 0px;background:#41A600;color:white;}
.menu_current a.menu{border-width:0px 0px 1px 0px;color:white;background:#41A600;}
.top_box_inner .nav-toggle{position:absolute;top:12px;right:2%;float:right;color:#808080;width:46px;height:46px;line-height:46px;text-align:center;font-weight:normal;}
.top_box_inner .nav-toggle i{font-size:20px;}
.menu_box ul .nav-toggle{top:0px;z-index:10;background:none;color:white;}
.menu_box ul .nav-toggle i{font-size:16px;}
.menu_box ul .active{transform:rotate(90deg); transition:all 0.5s ease;}
}[/code]
分享 转发
TOP
2#

看了你的网站,没问题
TOP
3#

[quote]看了你的网站,没问题
[color=#999999]xiyou 发表于 2017/12/1 9:03:30 [/color][url=http://bbs.pageadmin.net/showtopic.aspx?topicid=37737&postid=141339#141339][/url][/size][/quote]


手机端浏览没问题?
TOP
4#



TOP
5#

网站logo和主菜单被隐藏了!!!
TOP
6#

TOP
7#

同样的问题,可能是后台的bug,换个其它的浏览器就没问题,或者关闭广告过滤就可以了,被当作广告给过滤掉了,其它家的网页就没有这个问题。
TOP
8#

不是响应式网页也有同样的问题
TOP
9#

期待有正确的解答
TOP
10#

是不是顶部文件夹或文件里含有广告屏蔽的字符?
TOP
11#

不是手机问题,就是用小米浏览器出现这样的情况,别的网页,如凤凰网用小米浏览器就没有这样的问题,如果关掉浏览器的广告屏蔽功能,顶部就显示出来了。
TOP
12#

是网页文件有bug,有些文件里的字符受广告过滤的限制!
TOP
13#

期待您的正确回答!
TOP
14#

我跟你一样的情况,用手机浏览的话,切换到其它页面就有了导航栏,再返回首页才能正常。但直接访问首页是没有导航栏的。而且在PC上浏览主页导航栏不自动弹出下拉菜单。
TOP
15#

切换到其它页面也没有顶部和菜单栏,是顶部文件和菜单栏被当做广告屏蔽了!
TOP
16#

是被广告过滤功能过滤掉了
TOP
发新话题 回复该主题