CSS响应空白问题 [英] 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)

屏幕代码.

但是当我用手机测试时出现问题.右侧有空白.

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

我的网站是

http://zinzinzibidi.com/TurkAntivirusResponsive/Anasayfa

您可以在这里进行测试

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

或这里

http://www.browserstack.com/response

320x480分辨率

320x480 resolution

这是我的CSS代码

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

我在哪里做错了?

推荐答案

尝试更改:

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

这篇关于CSS响应空白问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！