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

回复讨论(解决方案)

代码 贴出来看看。

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

$(document).ready(function(){

/*$(".main_visual").hover(function(){
$("#btn_prev,#btn_next").fadeIn()
},function(){
$("#btn_prev,#btn_next").fadeOut()
});

$dragBln = false;*/

$(".main_image").touchSlider({
flexible : true,
speed : 200,
btn_prev : $("#btn_prev"),
btn_next : $("#btn_next"),
paging : $(".flicking_con a"),
counter : function (e){
$(".flicking_con a").removeClass("on").eq(e.current-1).addClass("on");
}
});

$(".main_image").bind("mousedown", function() {
$dragBln = false;
});

$(".main_image").bind("dragstart", function() {
$dragBln = true;
});

$(".main_image a").click(function(){
if($dragBln) {
return false;
}
});

timer = setInterval(function(){
$("#btn_next").click();
}, 5000);

$(".main_visual").hover(function(){
clearInterval(timer);
},function(){
timer = setInterval(function(){
$("#btn_next").click();
},5000);
});

$(".main_image").bind("touchstart",function(){
clearInterval(timer);
}).bind("touchend", function(){
timer = setInterval(function(){
$("#btn_next").click();
}, 5000);
});

});

var div = document.getElementById("alpha");
var mask = document.getElementById("alpha");
div.onmouseover = function()
{
mask.style.opacity = "0.5";
mask.style.filter="progid:DXImageTransform.Microsoft.Alpha(opacity=50)"
}
div.onmouseout = function()
{
mask.style.opacity = "0";
mask.style.filter="progid:DXImageTransform.Microsoft.Alpha(opacity=0)"
}

首页

简介

医生

技术

路线

首页>

微创外科>

痔疮专题

自己是否得了痔疮?

自己可能是那种原因?

得了痔疮怎么办才好?

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

这是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吧。。。

下载本文