Дополнительное пространство на правой стороне - PullRequest
Новая
       1

Дополнительное пространство на правой стороне

1 голос
/ 29 марта 2019

У меня есть веб-сайт: www.ribbonhill.co.uk Я пытался удалить пробел справа, который появляется на мобильном телефоне.

Как ни странно, он не отображается в полном режиме нав браузерах Chrome и Edge, но при небольшом изменении размера проблема появляется только в Edge, но не в Chrome.

Сайт был создан с использованием Django-oscar и сам по себе не имел проблем.

Я попытался удалить два файла CSS, но пробелов нет.Этими двумя файлами являются ribhill.css и w3.css.

При удалении w3.css остается только небольшой пробел, но при удалении ribbomhill.css остается большой пробел.

Я пыталсяудалить несколько кодов, но изо всех сил.

Я пытался 

@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){

  html,
  body{
    width:100%;
    overflow-x:hidden;
  }

}

И 

html,body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}

Но все равно не повезло.

Обновление: отсортировано по мобильным телефонам и хрому, но в браузере Edge / Internet Explorer показано ниже ?!Я думаю, я просто оставлю все как есть enter image description here

1 Ответ

1 голос
/ 29 марта 2019

Я проанализировал ваш веб-сайт www.ribbonhill.co.uk . Это небольшое несоответствие CSS.

  1. Внутри navbar удалите min-width: 400px; для логотипа вашего сайта и width:80% не является значением ввода vaild.

Измените свой CSS следующим образом:

.logo { поле слева: 50%; transform: translateX (-50%); минимальная ширина: авто! важно; }

  1. Удалите padding: 2rem 0 0; для вашего .footer класса. потому что это влияет на заполнение контейнера.

Должно быть так:

. Нижний колонтитул, нижний колонтитул {верхний отступ: 20rem; нижний край: 0rem; }

...