Блог

Я создал проект колледжа с именем Online-Insurance-Management, реагирующий на ширину экрана, я попытался добавить к нему эффект параллакса… N это сработало отлично!! Я был доволен этим. Но когда я разместил его на xampp и попытался открыть сайт на своем мобильном телефоне, это был беспорядок…

Код, который я использовал для эффекта параллакса:

         .box1 {
            background-image: url(./Images/Background-Image.jpg);
            width: 100%;
            height: 100vh;
            top: 50px;
            display: table;
            background-attachment: fixed;
            background-position: center;
            background-size: cover;
        }
  

Всякий раз, когда я пытаюсь запустить сайт на своем старом мобильном телефоне, это происходит:

Не беспокойтесь о том, что панель навигации выйдет из положения, мой другой товарищ по команде работает над этим

Кроме того, я сделал ВСЕ, ЧТО МОГ!!! Для простоты я уверен, что ПРОБЛЕМА где-то во внутреннем CSS, который я применил на ДОМАШНЕЙ странице.

Я не могу использовать javascript здесь, потому что это не входит в программу

Пожалуйста, помогите мне здесь… Довольно, пожалуйста…

В случае, если вам нужно просмотреть полный исходный код проекта: https://github.com/belikeParamjot/Online-Insurance-Managment /