Ответы пользователя по тегу Адаптивный дизайн
  • Не получается корректно задать @media запросы?

    @Evgeniuster Автор вопроса
    Ну неужели никто не знает?... или ни у кого такого не было?

    может быть нужно в каждом запросе указывать ширину body?
    ну например так:

    html, body{
      width: 100%;
      font-family: 'Open Sans Condensed', sans-serif;
      font-size:100%/1.4;
    }
    
    { тут идут стили для полной ширины экрана 1920px}
    
    /* медиа-запросы */
    
    @media (max-width: 1400px) { 
    body { max-width:1400px}
    }
    
    @media (max-width: 1200px) {
    body { max-width:1200px}
    }
    
    @media (max-width: 1000px) {
    body { max-width:1000px}
    }
    
    @media (max-width: 900px) {
    body { max-width:900px}
    }
    
    @media (max-width: 800px) {
      body{ width: 800px; }	
    }


    но body указан в самом начале 100% и он распространяется на все стили (перебивает его только body{width:800px} в последнем запросе. Ну а 100% это я так понимаю от края до края экрана... ни больше не меньше...

    так почему появляется горизонтальная полоса прокрутки?
    Ответ написан
    Комментировать