Задать вопрос
@ilgiz-87
Недавно начал учиться делать сайты

Неправильно работает @media запросы, как исправить?

Есть CSS c медиа запросом
@media screen and (min-width: 591px) and (max-width: 763px){
 #sp-d1 h1 {
    font-size: 3em;
    line-height: 0.9;
    text-shadow: 3px 3px 3px #90c;
  }
  .btn1:focus, .btn1, .btn2:focus, .btn2, .btn3:focus, .btn3{
    font-size: 2em;
    padding: 10px;
  }
  #sp-d1 .red-txt{
    font-size: 2.5em;
  }
  .minus h3, .plus h3, .minus, .plus{
    font-size: 24px;
  }
  .yellow-bg {
    font-size: 16px;
  }

.zoluwka .col-sm-6, .nad, .dos {
  font-size: 24px;
}
.zoluwka .col-sm-6 {
  border-radius: 0 70px 0 0;
  border-width: 7px 5px 0px 0px;
}
.dos{
  border-radius: 0 0 0 70px;
  border-width: 0 0 7px 5px;
  margin: -9px 0 0 0;
}
.nad{
  border-width: 5px 0 10px;
}
.d4 h2 {
    font-size: 48px;
}
}

этот запрос срабатывает при ширине экрана от 450-561px вместо желаемого 591-763px
ссылка на страницу

Подскажите пожалуйста как исправить эту ошибку?

Из-за масштаба целые сутки извращений)))
Спасибо, частично проблема решена, но все ровно есть скачки плюс минус 10-20px

ctrl+F5 все отлично
  • Вопрос задан
  • 827 просмотров
Подписаться 1 Оценить Комментировать
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Наверное, масштаб в браузере поставить 100%
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы