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

时间:2016-04-06 15:05:08

标签: html css twitter-bootstrap css3

我使用大量屏幕使我的网站响应,没有使用@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;
	}

}




1 个答案:

答案 0 :(得分:0)

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

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