我正在设计一个网站
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上看不到任何错误的代码。
我该如何解决?
答案 0 :(得分:0)
我检查了你的网站,额外的“滚动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部分离开屏幕