产品使用及交流论坛

首页 » 产品使用交流区 » 安装及使用交流 » 响应式网页,手机端顶部及主菜单样式不显示
schhd - 2017/11/30 14:26:45
测试网址:[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]
xiyou - 2017/12/1 9:03:30
看了你的网站,没问题
schhd - 2017/12/1 9:20:19
[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]


手机端浏览没问题?
schhd - 2017/12/1 9:27:19

14166
14167
schhd - 2017/12/1 9:29:21
网站logo和主菜单被隐藏了!!!
xiyou - 2017/12/1 10:53:36
xiangbin0326 - 2017/12/12 13:28:03
同样的问题,可能是后台的bug,换个其它的浏览器就没问题,或者关闭广告过滤就可以了,被当作广告给过滤掉了,其它家的网页就没有这个问题。
xiangbin0326 - 2017/12/12 21:59:47
不是响应式网页也有同样的问题
xiangbin0326 - 2017/12/13 16:57:06
期待有正确的解答
xiangbin0326 - 2017/12/13 19:24:58
是不是顶部文件夹或文件里含有广告屏蔽的字符?
xiangbin0326 - 2017/12/14 10:39:24
不是手机问题,就是用小米浏览器出现这样的情况,别的网页,如凤凰网用小米浏览器就没有这样的问题,如果关掉浏览器的广告屏蔽功能,顶部就显示出来了。
xiangbin0326 - 2017/12/16 10:27:46
是网页文件有bug,有些文件里的字符受广告过滤的限制!
xiangbin0326 - 2017/12/21 11:37:43
期待您的正确回答!
cnhir - 2017/12/21 21:31:28
我跟你一样的情况,用手机浏览的话,切换到其它页面就有了导航栏,再返回首页才能正常。但直接访问首页是没有导航栏的。而且在PC上浏览主页导航栏不自动弹出下拉菜单。
xiangbin0326 - 2017/12/26 10:15:16
切换到其它页面也没有顶部和菜单栏,是顶部文件和菜单栏被当做广告屏蔽了!
xiangbin0326 - 2017/12/26 10:31:39
是被广告过滤功能过滤掉了
xiangbin0326 - 2017/12/26 11:02:20
是被某些网页的广告过滤功能给过滤掉了,我用的是小米浏览器,关闭广告过滤就都显示出来了,而其它的网页就不存在此问题,是不是网页含有广告过滤的特殊字符,如:web,top,ad.等
xiangbin0326 - 2017/12/26 11:04:19
是被某些网页的广告过滤功能给过滤掉了,我用的是小米浏览器,关闭广告过滤就都显示出来了,而其它的网页就不存在此问题,是不是网页含有广告过滤的特殊字符,如:web,top,ad.等。
xiangbin0326 - 2017/12/27 10:39:23
寻求彻底解决顶部被浏览器广告过滤的办法!
xiangbin0326 - 2017/12/27 17:21:41
期待
xiyou - 2017/12/28 8:54:44
这个目前没什么好办法
xiangbin0326 - 2018/1/1 16:24:46
应该有办法,把含有web和top的文件名改了或许可以吧!
1
查看完整版本: 响应式网页,手机端顶部及主菜单样式不显示