Невозможно удалить заполнение div на всех маленьких экранах с медиазапросом начальной загрузки 3 - PullRequest
Новая
       8

Невозможно удалить заполнение div на всех маленьких экранах с медиазапросом начальной загрузки 3

0 голосов
/ 16 мая 2018

Я делаю шаблон.Я использую загрузчик 3. У меня есть div чуть ниже моего главного меню навигации.Я дал верхнюю часть отступа: 150px для div.Это выглядит нормально для обычных экранов, но выглядит странно на маленьких экранах.

Теперь мой вопрос, как я могу уменьшить верхнюю часть моего div, используя медиазапрос начальной загрузки.Ниже то, что я пытался и не работает. 

#homepage-banner-content{
    margin-top:150px;
}

/* Small screen */

@media (max-width: 375px) {
    
    #homepage-banner-content
        margin-top:0px;
    }
}

Я хочу удалить этот отступ 150px на всех экранах мобильных устройств.Пожалуйста, поделитесь своими идеями.Заранее спасибо.

Ответы [ 2 ]

0 голосов
/ 22 мая 2018

Простая опечатка, вы пропустили { после вашего #homepage-banner-content селектора.Случается с лучшими из нас. 

#homepage-banner-content{
    margin-top:150px;
}

/* Small screen */

@media (max-width: 375px) {

    #homepage-banner-content { /* here */
        margin-top:0px;
    }
}
0 голосов
/ 22 мая 2018

Вы можете сделать это, 

/* Small screen */
@media (max-width: 375px) {         
    #homepage-banner-content{
        margin-top:0px;
    }
}

вы только что пропустили фигурные скобки .Убедитесь, что вы добавили мета viewport в заголовок тега.

...