Size: a a a

2021 February 21

АА

Андрей Андрей... in Frontend_ru
Nick Volkov
ну вот например на 1200px все масштабируется на 0.9. без динамической зависимости от vw
Переменные ура в общем :) но мне сложно что-то  говорить не увидивши нормально задачу
источник

NV

Nick Volkov in Frontend_ru
И тут важно - у тебя уже все сверстано на пикселях)
источник

AE

Alex Elkin🇪🇸 in Frontend_ru
Nick Volkov
И тут важно - у тебя уже все сверстано на пикселях)
так важно то как раз что бы не было такого УЖЕ =)
источник

АА

Андрей Андрей... in Frontend_ru
Nick Volkov
И тут важно - у тебя уже все сверстано на пикселях)
Я б отказался,  много мороки скорее  всего будет
источник

NV

Nick Volkov in Frontend_ru
Андрей Андрей
Я б отказался,  много мороки скорее  всего будет
За 2 часа можно решить
источник

NV

Nick Volkov in Frontend_ru
Ну почти, придется потом немного посидеть потестить ничего ли не сломалось
источник

АА

Андрей Андрей... in Frontend_ru
Nick Volkov
За 2 часа можно решить
И будет нормально работать на разных устройствах?
источник

NV

Nick Volkov in Frontend_ru
Андрей Андрей
И будет нормально работать на разных устройствах?
Да
источник

NV

Nick Volkov in Frontend_ru
Ну это прям вот реальный кейс в моей практике
источник

AE

Alex Elkin🇪🇸 in Frontend_ru
Nick Volkov
И тут важно - у тебя уже все сверстано на пикселях)
если ты предлагаешь весь сайт трансформом скейл сжимать то идея не очень - будет размытие на шрифтах и мелких элементах.
Проще сразу нормально задачи ставить и закладывать в реализацию их.
Ну и вообще хороший верстальщик предполагает из опыта где не стоит использовать пиксели.
источник

NV

Nick Volkov in Frontend_ru
Alex Elkin🇪🇸
если ты предлагаешь весь сайт трансформом скейл сжимать то идея не очень - будет размытие на шрифтах и мелких элементах.
Проще сразу нормально задачи ставить и закладывать в реализацию их.
Ну и вообще хороший верстальщик предполагает из опыта где не стоит использовать пиксели.
Нет, скейл сразу нет, это будет работать не так как нужно
источник

АА

Андрей Андрей... in Frontend_ru
Nick Volkov
Ну это прям вот реальный кейс в моей практике
Можно ссылку на сайт(в личку)  любопытно как реализовано
источник

NV

Nick Volkov in Frontend_ru
Alex Elkin🇪🇸
если ты предлагаешь весь сайт трансформом скейл сжимать то идея не очень - будет размытие на шрифтах и мелких элементах.
Проще сразу нормально задачи ставить и закладывать в реализацию их.
Ну и вообще хороший верстальщик предполагает из опыта где не стоит использовать пиксели.
Но с мелкими элементами действительно будут проблемы
источник

NV

Nick Volkov in Frontend_ru
Андрей Андрей
Можно ссылку на сайт(в личку)  любопытно как реализовано
Его похоронили к сожалению
источник

0

0xLDev | Web Develop... in Frontend_ru
Хм хм,ну это зп фронта кста.
источник

0

0xLDev | Web Develop... in Frontend_ru
Я так скажу что vueJS не сложный.
источник

NV

Nick Volkov in Frontend_ru
Андрей Андрей
Можно ссылку на сайт(в личку)  любопытно как реализовано
В кратце. базовый шрифт у тебя например 16px. Заводишь себе функцию в scss, которая принимает значение в пикселях и пересчитывает относительно базовых 16px в rem. Пишешь один медиа запрос, который на 1200 меняет font-size на html, умножая его на 0.9. автозаменой по scss файлам проходишь и меняешь px значения на те же самые значения обернутые в твою функцию
источник

NV

Nick Volkov in Frontend_ru
А с мелкими элементами типа бордеров однопиксельных решается условием в этой функции, что если приходит 1px или меньше, возвращаешь такое же значение)
источник

АА

Андрей Андрей... in Frontend_ru
Nick Volkov
В кратце. базовый шрифт у тебя например 16px. Заводишь себе функцию в scss, которая принимает значение в пикселях и пересчитывает относительно базовых 16px в rem. Пишешь один медиа запрос, который на 1200 меняет font-size на html, умножая его на 0.9. автозаменой по scss файлам проходишь и меняешь px значения на те же самые значения обернутые в твою функцию
классная реализация если нужно быстро сделать,  но очень не гибкая
источник

NV

Nick Volkov in Frontend_ru
Андрей Андрей
классная реализация если нужно быстро сделать,  но очень не гибкая
Почему не гибкая?
источник