在手机上滚动失败答案

【问题标题】：Scrolling Failed on Mobile在手机上滚动失败
【发布时间】：2019-02-28 12:30:53
【问题描述】：

只是在一个需要在移动设备上滚动的测试网站 [1] 上工作，但由于某种原因它不起作用。任何帮助表示赞赏。

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .title1 {
        font-size: 145px!important;
        line-height: 12vh!important;
        text-align: right;
        float: right;
        margin-left: 170px!important;
        color: #e8e8e8!important;
        margin-top: 340px!important;
        margin-right: -80px!important;
        font-weight: 900!important;
    }

    .title2, .title2, .title4{
        font-size: 10vh!important;
        width: 80%;
        line-height: 11vh!important;
        float: left;
        margin-top: 200px!important;
        margin-left: 60px!important;
        text-align: left!important;
        color: #205545!important;
    }

    #contain-side {
        width: 95%!important;
        float: left;
        padding-left: 93px!important;
    }

    #side-text #side-text3{
        float: right;
        width: 100%;
        line-height: 5.5vh;
        text-align: left!important;
        color: black;
        padding-top: 0px!important; 
        padding-bottom: 100px;
        font-size: 33px!important;
        letter-spacing: -0.8px;
    }
}

我已经检查了所有内容。没有溢出属性，仍然没有在移动设备上滚动。

请帮忙！谢谢！

【问题讨论】：

标签： javascript html css twitter-bootstrap responsive-design

【解决方案1】：

您应该粘贴您的 HTML 代码，否则其他人无法分析您页面中的问题。至少你应该向我们展示页面结构。

我根据您的 CSS 类编辑了一个空白页面。我希望我能正确理解你的意图。以下页面结构对我来说很好。它适用于我的华为和 Galexy 设备。我希望它可以帮助你一点点。问候！

<body>
<div class="container-fluid">
    <div class="contain-side">
        <div id="side-text">
            <div class="title1">title1</div>
            <div class="title2">
                title2
                <div class="title4">title4</div>
            </div>
            text<br>text<br>text<br>text<br>
            text<br>text<br>text<br>text<br>
            <div id="side-text3">
                text3<br>text3<br>text3<br>
                text3<br>text3<br>text3<br>
                text3<br>text3<br>text3<br>
                text3<br>text3<br>text3
            </div>
        </div>
    </div>
</div>

【讨论】：