我遇到了一个小问题,由于某种原因,我在<html>
标签左侧看到了一个巨大的白色缝隙
我尝试添加此规则的HTML和body标签:
overflow-x: hidden; max-width: 100vw;
它可以在桌面视图上运行(即使我调整了浏览器窗口的大小),但在移动设备上则无济于事(在chrome开发工具中的移动视图中无济于事)。
可能是什么问题?我认为这与网站css主要使用flexbox有关。
我也怀疑它与图片中红色标记的div有关(位置固定,但由于某些原因向下滚动后会出现)。
这就是div CSS规则
.contact-mobile{
position: fixed !important;
display: flex;
flex-wrap: nowrap;
justify-content: space-around;
padding: 15px;
bottom: 0;
left: 0;
right: 0;
z-index: 999;
max-width: 100vw;
background-color: $black;
opacity: 0.9;
a{
min-width: 25%;
text-align: center;
padding: 5px;
i{
color: #fff;
}
&:hover{
opacity: 1;
i{
color: $black;
}
background-color: $green;
}
}
}
这是开发人员网站http://davdev.co.il/broker,这是我所看到的缩小图https://www.screencast.com/t/P7zQwdWySBv
问题出在您的iframe位置,
放置top: -5000px
而不是left: -5000px
,它将缩小移动设备上的差距
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句