Ошибка прокрутки на мобильном телефоне - PullRequest
Новая
       9

Ошибка прокрутки на мобильном телефоне

0 голосов
/ 25 сентября 2018

Просто работаю на тестовом веб-сайте [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;
    }
}

Я все проверил.Нет свойства переполнения, но оно не прокручивается на мобильном телефоне.

Пожалуйста, помогите!Спасибо!

1 Ответ

0 голосов
/ 02 октября 2018

Вы должны вставить свой HTML-код, иначе другой не сможет проанализировать, что не так на вашей странице.По крайней мере, вы должны показать нам структуру страницы.

Я отредактировал пустую страницу в соответствии с вашими классами CSS.Я надеюсь, что я правильно понимаю ваши намерения.Следующая структура страницы прекрасно работает для меня.Это работает на моих устройствах Huawei и Galexy.Я надеюсь, что это может помочь вам немного.С уважением!

enter image description here

<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>

...