Question

我正在设计一个带有媒体查询的网站。我开始宽度

@media screen and (min-width : 320px) and (max-width : 479px)

屏幕代码。

但是当我用手机测试它时会出现问题。右侧有一个白色空间。

我的网站是

http://zinzinzibidi.com/TurkAntivirusResponsive/Anasayfa

你可以在这里测试一下

http://www.responsinator.com/?url=zinzinzibidi.com%2FTurkAntivirusResponsive%2FAnasayfa

或在这里

http://www.browserstack.com/responsive

320x480分辨率

这里是我的CSS代码

http://zinzinzibidi.com/Areas/TurkAntivirusResponsive/Content/css/style.css

我哪里做错了？

Answer 1

尝试改变：

@media screen and (max-width: 479px) and (min-width: 320px){
  #header-main {
    //early 320px , it is wrong value
    width: 300px;
    height: 400px;
    position: relative;
    float: left;
  }
}

Answer 2

然后你创建了像@media屏幕和（最小宽度：320px）和（最大宽度：479px）的断点。你可以用@media屏幕替换（最小宽度：320px）和（最大宽度：480px）一段时间，然后看看

CSS响应白空间麻烦

2 个答案: