我在修改Dz的login页面的时候出现了一个BUG,页面计划是在480px下生效的,电脑调试没有出现滑动条,但是手机调试的时候发现整个页面是可以滑动的,初步估计整个页面有980px左右,但是找不出是哪个元素让页面出现问题。求解。- <style>
- html{width:100%;}
- #scrolltop{display:none;}
- #nv_html{width:100%;}
- .pg_logging{width:100%;}
- /*页头*/
- #nv_member{width:100%;}
- .logging{width:100%;}
- /*html{width:100%;max-width:100%;min-width:100%;overflow-x:hidden;border:none;}*/
- .pn{position:relative;left:-22%;border:none;background:url(../../../static/image/common/login.png);width:100px;height:34px;}/*按钮*/
- #loginquestionid{display:none;}/*提问框*/
- .bm{border:none;}/*大边框*/
- #ft{border:none;display:none;}/*页脚顶部边框*/
- th{color:#49545f;}/*提问提示文字*/
- #hd{width:100px;padding-right:0;overflow:hidden;position:relative;top:5%;left:1%;}
- .mn{border:none;}
- .qst{display:none;}
- #scbar{display:none;}
- .xs2{display:none;}
- #nv{display:none;}
- .bbs{display:none;}
- .login_slct{display:none;}
- .tipcol{display:none;}
- .rfm{margin:0 auto; width: 100%; padding-left:0px;border-bottom: none;}
- .y{display: none;}
- .flb{display:none;}
- .z{display:none;}
- .y{display:none;}
- .c{width:100%;}
- label{display:none;}
- #append_parent{width:100%;}
- #ct .ptm .wp .w .cl .c{width:100%;border:none;}
- #main_message{width:100%;}
- /*wp*/
- #wp{width:300px;}
- .wp{width:300px;}
- .mn{width:100%;border:none;}
- /*背景*/
- body { background: #49545f; }
- /*输入框*/
- #username,#password{margin:0 auto;/*position:relative;left:-80%; */width: 90%; height: 90%; background: #edeeef; font-size: 15px; border: solid 1px #999; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;-webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,.2);
- -moz-box-shadow: inset 0 1px 5px rgba(0,0,0,.2);
- box-shadow: inset 0 1px 5px rgba(0,0,0,.2);}
- #username{margin-top:30px;}
- #password{margin-top:30px;}
- #tools{ display: none;}
- #bt_login{ margin:0 auto; border: none; background: url(images/bt_login.gif);width: 30%;height: 30%;}
- .rfm{border:none;}
- label{display:none;}
- #frt{display:none;}
- .bm{ background: #49545f;}
- .sfq{display:none;}
- .l{display:none;}
- }
- </style>
复制代码 |