Перейти до змісту

Як адаптувати дизайн сайту для монітора 4К?

Featured Replies

Опубліковано

Вітаю! Дуже потрібна допомога.

Підкажіть, будь ласка, як правильно адаптувати дизайн сайту (макет) для розміру монітора 4К. Чи можна взяти дизайн, відмальований для 1920, і збільшити все в 2 рази, включно зі шрифтами?

Опубліковано

@Mavka Не знаю на скільки це правильно, але я у парі останніх проєктів для експеріменту для десктопа усі розміри зробив у rem, а рем розраховується як відсоток від ширини монітора (html font-size = 1/1920vw, тщ дізайнер малював під 1920).
Тобто 1rem вийшов як такій собі віртуальний піксел.
Може воно заморочено, але, як результат сайт виглядяє повністю однаково на усіх десктопах незалежно від роздільної здатності екрану і немає проблем із вільним місцем по бокам або з резиною.
Не знаю наскільки воно правильно, але пара років - політ номальний.
Що про таке думаєте?

Для публікації повідомлень створіть акаунт або авторизуйтесь

Важлива інформація

Ми розмістили cookie-файли на ваш пристрій, щоб допомогти зробити цей сайт краще. Ви можете змінити свої налаштування cookie-файлів, або продовжити без зміни налаштувань. Продовжуючи користуватись форумом Ви погоджуєтесь з нашими Умови використання та Політика конфіденційності

Account

Navigation

Пошук

Пошук

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.