如何删除响应网站中的多余空间



我让我的网站通过大量屏幕做出响应,而不需要引导程序,只需要@media+代码CSS3

所有的想法都是正确的,但在手机尺寸方面,这是可行的,但我有一个小问题

我有多余的空间我想删除他

网站图片和问题:

  • 网站:

http://www.shy22.com/upfilpng/xv854884.png

  • 问题:

http://www.shy22.com/upfilpng/nc854884.png

代码CSS:

@media only screen and (max-width : 320px) {
.players {
    margin: -89px 0px 0px -21px;
}
.logo {
	margin: -62px 0px 0px 49px;
}
.publicity {
	display: block;
	width: auto;
	height: 65px;
	background: #FFF url("img/pubb1.png") no-repeat scroll center top;
	margin-top: 320px;
	}
}

可能有一个元素向右溢出,您有两个解决方案:

  • 检查所有元件并找到一个溢出的元件
  • overflow-x:hidden;应用于html和body标记

最新更新