Ширина моей панели навигации не занимает 100% экрана с помощью CSS? - PullRequest
0 голосов
/ 09 марта 2019

Здравствуйте, у меня небольшая проблема, в то время как мое приложение адаптивно работает в сети. Когда я изменяю размер своего браузера, все выглядит нормально, но когда я выбираю адаптивные параметры, я получаю проблему, похоже, что моя навигационная панель занимает около 90%ширина экрана, а не 100%, вот мой код SASS: (я использую миксины)

.co-menu-left {

width:110px;
height: 92%;
position: fixed;
top: 70px;
left:0px;
transition: 0.4s all ease;
z-index: 5;

@include responsive(phone){
    width:100vw;
    top:0px;
    height: 100%;
    z-index:1500000;
}

}

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

enter image description here

Это, конечно, ожидаемый результат, поэтому он работает так, как я намереваюсь, но я выбираю вариант Galaxy 5 или iPhone 6/7/8 мойпроблема снова там, и вот как это выглядит: enter image description here

Вы видите это нежелательное пространство справа Что я хочу, чтобы это отделалось, мне нужна помощь, потому что я чувствую, чтомоя логика верна.

Любая помощь будет высоко ценится.

Ответы [ 2 ]

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

вы можете использовать overflow-y: hidden; удалить полосу прокрутки. надеюсь, это поможет

0 голосов
/ 10 марта 2019

установить свойство left и в адаптивном режиме.если не работает, установите ширину в процентах (width: 100%).также убедитесь, что на панели навигации или на дочерних элементах нет ненужных полей.это те случаи, о которых я мог подумать.

...