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

Question

我让我的网站通过大量屏幕响应，无需 Bootstrap ，仅使用@media + code 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;
	}

}

Answer 1

可能有一个元素向右溢出，你有两种解决方法:

• 检查所有元素并找到溢出的元素
• 应用 overflow-x:hidden; 到 html 和 body 标签