CSS Responsive White Space Trouble

问题

I'm designing a website with media queries. I started width

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

screen codes.

But there is a problem when I test it with my phone. There is a white space right side.

My web site is

http://zinzinzibidi.com/TurkAntivirusResponsive/Anasayfa

And you can test it here

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

or here

http://www.browserstack.com/responsive

320x480 resolution

Here my CSS codes

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

Where did I do wrong?

回答1:

Try to change:

@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;
  }
}

回答2:

Then you had create breakpoint like that @media screen and (min-width : 320px) and (max-width : 479px) . Can you replace with @media screen and (min-width : 320px) and (max-width : 480px) for a while and see

来源：https://stackoverflow.com/questions/20768849/css-responsive-white-space-trouble