CSS HTML Python [Инструмент для вёрстки] Auto-VH: автоматическая замена px в vh.

[Miron Diamond]

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

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

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

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

UPDATE 11.06.2022

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

 

[1397ms]

+rep
топ штука
пригодится

 

[#kweeZ]

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

 

[Miron Diamond]

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

Посмотреть вложение 150860

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

 

[Miron Diamond]

UPDATE 11.06.2022

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

 

[xColorized]

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

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

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

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

UPDATE 11.06.2022

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

 

[Miron Diamond]

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

 

[MrFreeze]

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

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

 

[admin20001]

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