@arrow0401

Как верстальщикам делать сайты на retina дисплеях?

Прошу прощение за возможно глупый вопрос, но я не совсем понимаю, как верстать если у тебя, допустим, macbook ?
Как будет видеть человек с монитором с обычной плотностью пикселей сделанный тобой сайт ? Не будет ли он у него слишком маленький или наоборот большой ?

Заранее спасибо за ответ!

P.S. Я на тостере новенький, так что не кидайтесь в меня помидорами))
  • Вопрос задан
  • 171 просмотр
Решения вопроса 1
На макбуке один браузерный пиксель представлен экранным 2*2. То есть размеры у вас остаются теми же самыми. Отличие только в выводе картинок: размер файла в пикселях должен быть вдвое (для макбуков) больше, чем размер блока в браузерных пикселях. Тогда картинка красиво отрисуется.
Ответ написан
Пригласить эксперта
Ответы на вопрос 4
KeySVG
@KeySVG
аниматор svg / html5
У меня "ретинистый" МВР - верстаю не заморачиваюсь. Тут надо помнить что просто экран с двойной плотность пикселей. Теже медиклассы в css расчитываются как и в случае обычного дисплея. 2560 пикселей 13-ти дюймовой ретины неотличимы для браузеров с базовыми 1280 пикселями обычного МВР.
Ответ написан
dpmango
@dpmango
иконки делайте как svg
картинки как img(src="img.jpg" srcset="img@2x.jpg 2x")

И будет всем счастье :)
Ответ написан
@Xilian
Программист 1С, сетевые технологии, SQL
Сайт должен под любое разрешение масштабироваться. Retina тут не при чем.
Ответ написан
dom1n1k
@dom1n1k
Ретина увеличивает четкость изображения (сайта, приложения, етц), а не их линейный размер.
Ответ написан
Ваш ответ на вопрос

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

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