Задать вопрос

krumza

Ответы пользователя по тегу Вёрстка

  • Клиент проверяет верстку при масштабе меньше 100% правомерно ли это и чем ему помочь, если да?

    @krumza
    Не знаю насколько уместно мое мнение. но имхо заказчик просто хочет увидеть уменьшенную копию на своем смартфоне.
    Предлагаю решение.
    1. С помощью js отслеживать масштаб
    var screenCssPixelRatio = (window.outerWidth - 8) / window.innerWidth;
if (screenCssPixelRatio >= .46 && screenCssPixelRatio <= .54) {
  zoomLevel = "-4";
} else if (screenCssPixelRatio <= .64) {
  zoomLevel = "-3";
} else if (screenCssPixelRatio <= .76) {
  zoomLevel = "-2";
} else if (screenCssPixelRatio <= .92) {
  zoomLevel = "-1";
} else if (screenCssPixelRatio <= 1.10) {
  zoomLevel = "0";
} else if (screenCssPixelRatio <= 1.32) {
  zoomLevel = "1";
} else if (screenCssPixelRatio <= 1.58) {
  zoomLevel = "2";
} else if (screenCssPixelRatio <= 1.90) {
  zoomLevel = "3";
} else if (screenCssPixelRatio <= 2.28) {
  zoomLevel = "4";
} else if (screenCssPixelRatio <= 2.70) {
  zoomLevel = "5";
} else {
  zoomLevel = "unknown";
}

    Код Отсюда
    2. Для уровней масштаба править тихонечко стили
    например для вашего .header1-1 nav a достаточно text-transform и margin-left: убрать
    Ответ написан
    Комментировать
    Комментировать

  • Как реализовать адаптивность такого сайта?

    @krumza
    для начала в тег <head>
    воткни
    <meta name="viewport" content="width=device-width, initial-scale=1">

    Затем
    /* min-width: 1000px; */ - везде поудаляй в style.css
    в HTML файле тоже удали все атрибуты типа
    /*width="2560" height="1440"*/
    затем
    img {
    position:relative;
    top: 0;
    left: 0;
    max-width: 100%;
    height: auto;
    z-index: 1;
    }

    вот код https://yadi.sk/d/LLyfUyXGtADnU
    Ответ написан
    Комментировать
    Комментировать