@Jevgenii

Как сделать до 576px мобильныую версию, а после 576 pc?

Подскажите как применить() до 576px, а 576< не применять, чтобы была pc версия
  • Вопрос задан
  • 357 просмотров
Пригласить эксперта
Ответы на вопрос 4
Anubis
@Anubis
Люблю корейскую кухню и веб-разработку
В less и sass так:

.some-class {
  // До 576
  color: cyan;
  font-size: 20px;
  // От 576
  @media (min-width: 576px) {
    color: red;
    font-size: 14px;
  }
}
Ответ написан
archelon
@archelon
гугл: медиазапросы
например, https://html5book.ru/css3-mediazaprosy/
/*стили для всего сайта*/
      @media screen and (max-width: 576px) {
        /*внутри этой секции стили только для мобильной версии до 576px*/
      }
Ответ написан
Можно сделать, что-то типо такого

<meta id="myViewport" name="viewport" content="width = 1920">

<script>
window.onload = function () {
    if (screen.width < 577) {
        var mvp = document.getElementById('myViewport');
        mvp.setAttribute('content','width=device-width, initial-scale=1.0');
    }
}
</script>
Ответ написан
@alfadon
Web-разработчик
Ох, не люблю я, когда javascript участвует в вёрстке! Посмотрите в сторону browscap.ini. Он прекрасно определяет мобильные девайсы.
Ответ написан
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы