Доброго времени суток.​

Верстал сайтик и вспомнил что когда-то делал для себя эту приколюху на быструю руку которая трансформирует PX в VH.

Для чего эта ***ня собственно нужна?

Благодаря ней, сайт при любом масштабировании будет выглядеть абсолютно одинаково и адекватно.

Пример: https://mirondiamond.ru

(На момент выкладывания поста, сайт не адаптирован под Nokia (Извините если вы уже собрались там масштаб проверять (what))).

Как этим пользоваться?

Скачиваем python, переносим нужный файл в скрипт и воуля! Всё готово.

UPDATE 11.06.2022

• Убрана система игнорирования параметров внутри блоков @media.
  
• Теперь скрипт добавляет результат в конце кода внутри блока @media, условие медии менять можно в исходнике.
  
• Добавлено видео с примером.

+rep

топ штука

пригодится

Скрытое содержимое для пользователя(ей): Miron Diamond

Так и должно быть?

8B63288E-D142-4F2B-8076-90FF7AF07DB6.png#kweeZ · 4 Июн 2022 в 10:13' data-fancybox="lb-post-1054971" data-lb-caption-extra-html="" data-lb-sidebar-href="" data-single-image="1" data-src="https://www.blast.hk/attachments/150860/" style="cursor: pointer;" title="8B63288E-D142-4F2B-8076-90FF7AF07DB6.png">
https://forum.antichat.xyz/attachments/28054971/

Я только вчера сделал вёрстку, адаптив для телефонов ещё не делал, в теме же отписывал) Масштаб всё равно на телефоне не проверишь и так.

ЭээЭЭЭ, А Мне НЕ ПоЕБАТЬ

postcss-px-to-viewport

A CSS post-processor that converts px to viewport units (vw, vh, vmin, vmax).. Latest version: 1.1.1, last published: 4 years ago. Start using postcss-px-to-viewport in your project by running `npm i postcss-px-to-viewport`. There are 182 other projects in the npm registry using...

www.npmjs.com


Вариант, если у вас большой проект и серьезный стек)

Главное не злоупотреблять vh