初学HTML 求大神指点_html/css_WEB-ITnose

为什么手机网页写出来之后 在浏览器上面测试右边没有空白  但是手机打开之后 右边出现一块空白  怎么解决？

回复讨论(解决方案)

代码 贴出来看看。

为什么手机网页写出来之后 在浏览器上面测试右边没有空白  但是手机打开之后 右边出现一块空白  怎么解决？

nbsp;html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">











<script></script>
<script></script>
<script></script>
<script></script>
<script></script>
<script> <br />$(document).ready(function(){ <br /> <br /> /*$(".main_visual").hover(function(){ <br /> $("#btn_prev,#btn_next").fadeIn() <br /> },function(){ <br /> $("#btn_prev,#btn_next").fadeOut() <br /> }); <br /> <br /> $dragBln = false;*/ <br /> <br /> $(".main_image").touchSlider({ <br /> flexible : true, <br /> speed : 200, <br /> btn_prev : $("#btn_prev"), <br /> btn_next : $("#btn_next"), <br /> paging : $(".flicking_con a"), <br /> counter : function (e){ <br /> $(".flicking_con a").removeClass("on").eq(e.current-1).addClass("on"); <br /> } <br /> }); <br /> <br /> $(".main_image").bind("mousedown", function() { <br /> $dragBln = false; <br /> }); <br /> <br /> $(".main_image").bind("dragstart", function() { <br /> $dragBln = true; <br /> }); <br /> <br /> $(".main_image a").click(function(){ <br /> if($dragBln) { <br /> return false; <br /> } <br /> }); <br /> <br /> timer = setInterval(function(){ <br /> $("#btn_next").click(); <br /> }, 5000); <br /> <br /> $(".main_visual").hover(function(){ <br /> clearInterval(timer); <br /> },function(){ <br /> timer = setInterval(function(){ <br /> $("#btn_next").click(); <br /> },5000); <br /> }); <br /> <br /> $(".main_image").bind("touchstart",function(){ <br /> clearInterval(timer); <br /> }).bind("touchend", function(){ <br /> timer = setInterval(function(){ <br /> $("#btn_next").click(); <br /> }, 5000); <br /> }); <br /> <br />}); <br /> <br />var div = document.getElementById("alpha"); <br />var mask = document.getElementById("alpha"); <br />div.onmouseover = function() <br />{ <br /> mask.style.opacity = "0.5"; <br /> mask.style.filter="progid:DXImageTransform.Microsoft.Alpha(opacity=50)" <br />} <br />div.onmouseout = function() <br />{ <br /> mask.style.opacity = "0"; <br /> mask.style.filter="progid:DXImageTransform.Microsoft.Alpha(opacity=0)" <br />} <br /></script>

• 首页


• 简介


• 医生


• 技术


• 路线

• 首页>


• 微创外科>


• 痔疮专题

自己是否得了痔疮?

自己可能是那种原因?

得了痔疮怎么办才好?

了解奥林现代无痛微创技术!

这是CSS
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,pre,form,input,button{margin:0 auto; padding:0;font-family: inherit;font-style: inherit; width:100%; overflow-x:hidden;}

.top{ width:320px; height:58px; background:#0061ae; margin:0 auto}

#wap {
width: 320px;
margin: 0 auto;
background-color: #FFF;
overflow: hidden;
}

截个效果图吧 分别在手机端和电脑端，

关于布局，您还是使用bootstrap吧。。。。。