我让我的网站通过大量屏幕做出响应,而不需要引导程序,只需要@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标记