CSS,不需要的水平移动滚动

达夫·塞夫

我遇到了一个小问题,由于某种原因,我在<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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

数据表和不需要的水平滚动条的问题

来自分类Dev

数据表和不需要的水平滚动条的问题

来自分类Dev

jQuery不需要的向上滚动

来自分类Dev

通过javascript滚动内容时不需要的鼠标事件

来自分类Dev

不需要的QComboBoxes自动滚动

来自分类Dev

CSS转换在不需要时显示滚动条

来自分类Dev

父div中的css不需要的保证金

来自分类Dev

HTML和CSS中奇怪的按钮不需要行为

来自分类Dev

Libgdx使scrollPane不需要单击交互即可开始滚动

来自分类Dev

在javascript和css中向下滚动时如何水平移动div

来自分类Dev

画布在不需要的时候向上滚动

来自分类Dev

删除不需要的水平滚动条(水平滚动条来自何处?)

来自分类Dev

如何使用CSS和HTML水平移动以创建表

来自分类Dev

垂直滚动时水平移动div(jquery或CSS3)

来自分类Dev

jQuery不需要的向上滚动

来自分类Dev

不需要html类的CSS库或主题

来自分类Dev

不需要SelectFieldWidget

来自分类Dev

通过javascript滚动内容时不需要的鼠标事件

来自分类Dev

悬停时不需要的文字移动

来自分类Dev

CSS / html中Divs之间不需要的白色间距

来自分类Dev

不需要的popToRootViewController

来自分类Dev

“不需要”功能

来自分类Dev

不需要的QComboBoxes自动滚动

来自分类Dev

如何在CSS中删除不需要的空格

来自分类Dev

按钮周围不需要的填充。的CSS

来自分类Dev

停止在CSS中生成不需要的滚动

来自分类Dev

滚动时,水平移动图像,然后停止

来自分类Dev

滚动时的水平移动

来自分类Dev

不需要的 Ios 设备 CSS 网格滚动到顶部