2016-12-07 5 views
0

Мой .контейнер в материализации CSS всегда занимал весь экран.MaterializeCSS .контейнер внезапно не работает

  .container { 
       width: 100%; 
      } 

, но неожиданно я открыл его, и он выглядит как его спина к контейнеру на 70%.

Я подумал, что, возможно, случайно удалил какой-то код, но когда я открыл резервную копию своего веб-сайта, он тоже выглядел так, как будто контейнер был всего лишь 70% экрана. Это странно, потому что это было не так, и теперь каждая страница имеет крошечный контейнер. Я попробовал увеличить ширину контейнера, и он отсекает вещи с моего экрана. Я также попытался сделать все строки шире, но это просто заставило мое содержание растянуться слишком много.

ответ

0

MaterializeCSS конкретно определяет класс container быть макс-ширина 1280px и ширина 90%

Поэтому, если вы хотите по-прежнему использовать этот класс, но хотите его изменить, вы должны либо изменить materialize.css или в отдельный .css файл, объявленный ПОД materialize.css:

.container{ 
    max-width: 100%; 
    width:100%; 
} 

Вы также можете определить эти инлайн, однако, не рекомендуется

+0

Отлично, рад, что вы можете принять этот ответ как закрытый. Просто помните, что при использовании внешних библиотек css любой файл, который вы объявляете последним, у которого есть SAME селектора css, будет иметь прецедент по сравнению с предыдущими объявленными правилами. – Illdapt

+0

Большое вам спасибо –

Смежные вопросы