为什么我按F12看手机端的时候三幅北京图片之间都有一小块空行呢?网页端就没有,是浏览器的原因吗?我用的谷歌

来源:3-4 移动端项目开发---表示层(bg)

Zizou

2016-06-18 16:08

/*all tag*/
*{
	margin: 0;
	padding: 0;
	border: none;
	font-size: 1.5625vw;
	font-family:"microsoft yahei";
}
html,
body{
	height: 100%;
}
/*music*/
#music{
	position: fixed;
	top: 3vh;
	right: 4vw;
	z-index: 5;
	width: 15vw;
	height: 15vw;
	border: 4px solid #ef1639;
	border-radius: 50%;
	background: #FFFFFF;
}
#music > img:first-of-type{
	position: absolute;
	top: 24%;
	right: 2.5%;
	width: 28.421%;
}
#music > img:last-of-type{
	position: absolute;
	top: 0;/*此项本为0*/
	right: 0;
	bottom: 0;
	left: 0;/*此项本为0*/
	width: 79%;
	margin: auto;
}

/*page bg*/
.page{
	height: 100%;
}
.page > .bg{
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100%;
	
}

/*page1*/
#page1 > .bg{
	background: url(../img/p1_bg.jpg) no-repeat center center;
	background-size: 100%;
}

/*page2*/
#page2 > .bg{
	background: url(../img/p2_bg.jpg) no-repeat center center;
	background-size: 100%;
}

/*page3*/
#page3 > .bg{
	background: url(../img/p3_bg.jpg) no-repeat center center;
	background-size: 100%;
}


写回答 关注

1回答

  • Zizou
    2016-06-18 17:34:02

    我知道了 通配中的 margin:0 auto;这样就可以了

    慕粉3721...

    我和你是一样问题,为什么我改成 margin:0 auto还是不行呢

    2016-07-28 15:12:48

    共 1 条回复 >

HTML5+CSS3实现春节贺卡

又逢新春佳节,春节贺卡搞起来,学会HTML5+CSS3实现春节贺卡

110034 学习 · 450 问题

查看课程

相似问题