Question

我正在设计一个网站

http://zinzinzibidi.com/TurkAntivirusResponsive/Anasayfa

右侧有空白区域问题。

http://www.responsinator.com/?url=http%3A%2F%2Fzinzinzibidi.com%2FTurkAntivirusResponsive%2FAnasayfa

你可以看到有一个额外的“滚动X”区域，宽度为320像素;

我的CSS文件：http://zinzinzibidi.com/Areas/TurkAntivirusResponsive/Content/css/style.css

我在CSS上看不到任何错误的代码。

我该如何解决？

Answer 1

我检查了你的网站，额外的“滚动x”区域是所有格式尽量避免宽度和固定宽度请改用宽度= 100％好的，你把

 html {
    font-family: sans-serif;
    overflow-x: hidden;
}

它的隐藏卷轴但不能解决您的问题第一菜单

.nav-mobile {
    margin: auto;
    position: relative;
    width: 320px; <-- delete or put 100%
}

下一行

.nav-mobile-button {
border-bottom: 1px dotted #777777;
cursor: pointer;
font-weight: bold;
height: 60px;
line-height: 60px;
margin: auto;
position: relative;
text-align: center;
transition: all 0.2s ease-in-out 0s;
width: 320px; <-- delete or put 100%

}

这只是管理你的css实验的部分行你有一些填充，迫使一些div部分离开屏幕

有趣的CSS响应宽度问题

1 个答案: