Sorikon
@Sorikon
PHP, PYTHON

Как показывать уведомление на всех разрешениях одинаково?

Добрый день. Как мне показывать всплывающее сообщение одинаково на всех экранах в правом верхнем углу ?
Делаю так:
.notys {
  position: fixed;
  text-align: center;
  left: 77%;
  top: 12%;
  width: 350px;
  z-index: 100000;
}

Но если для одного разрешения это будет выглядеть нормально, то для более маленького - уже не очень.
Нужно в медиа-запросах устанавливать параметры под каждое разрешение или есть какой-то нормальный способ ? Спасибо.
  • Вопрос задан
  • 54 просмотра
Решения вопроса 1
delphinpro
@delphinpro Куратор тега CSS
frontend developer
правый верхний угол => значит так и нужно писать

.notys {
  right: 0; // СПРАВА
  top: 0; // СВЕРХУ

  max-width: 90%; // На всякий случай ограничить процентами ширину.
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы