HOME FORUMS MEMBERS RECENT POSTS LOG IN  
× Авторизация
Имя пользователя:
Пароль:
Нет аккаунта? Регистрация
Баннер 1   Баннер 2
НОВЫЕ ТОРГОВАЯ НОВОСТИ ЧАТ
loading...
Скрыть
Вернуться   ANTICHAT > ПРОГРАММИРОВАНИЕ > PHP
Перезагрузить страницу [Инструмент для вёрстки] Auto-VH: автоматическая замена px в vh.
   
Ответ
 
Опции темы Поиск в этой теме Опции просмотра

  #1  
Старый 04.06.2022, 03:16
Miron Diamond
Участник форума
Регистрация: 10.04.2019
Сообщений: 244
С нами: 3735022

Репутация: 98
По умолчанию
Доброго времени суток.​

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

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

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

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

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

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

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

UPDATE 11.06.2022
  • Убрана система игнорирования параметров внутри блоков @media.
  • Теперь скрипт добавляет результат в конце кода внутри блока @media, условие медии менять можно в исходнике.
  • Добавлено видео с примером.
𝕏 Twitter Reddit Telegram Копировать ссылку
 
Ответить с цитированием

  #2  
Старый 04.06.2022, 04:17
1397ms
Новичок
Регистрация: 09.05.2021
Сообщений: 24
С нами: 2640176

Репутация: 3
По умолчанию
+rep

топ штука

пригодится

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

  #3  
Старый 04.06.2022, 11:13
#kweeZ
Постоянный
Регистрация: 17.06.2015
Сообщений: 578
С нами: 5739536

Репутация: 98


По умолчанию
Так и должно быть?

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">
 
Ответить с цитированием

  #4  
Старый 04.06.2022, 12:28
Miron Diamond
Участник форума
Регистрация: 10.04.2019
Сообщений: 244
С нами: 3735022

Репутация: 98
По умолчанию
Цитата:
Сообщение от #kweeZ  

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

  #5  
Старый 11.06.2022, 20:11
Miron Diamond
Участник форума
Регистрация: 10.04.2019
Сообщений: 244
С нами: 3735022

Репутация: 98
По умолчанию
Цитата:

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

  #6  
Старый 07.04.2023, 18:29
xColorized
Познавший АНТИЧАТ
Регистрация: 07.11.2021
Сообщений: 1,114
С нами: 2377184

Репутация: 88


По умолчанию
Цитата:
Сообщение от Miron Diamond  

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

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

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

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

  #7  
Старый 07.04.2023, 18:30
Miron Diamond
Участник форума
Регистрация: 10.04.2019
Сообщений: 244
С нами: 3735022

Репутация: 98
По умолчанию
Цитата:
Сообщение от RoflHaHaWF  


ЭээЭЭЭ, А Мне НЕ ПоЕБАТЬ
 
Ответить с цитированием

  #8  
Старый 27.07.2023, 17:04
mrfreeze
Новичок
Регистрация: 04.04.2012
Сообщений: 13
С нами: 7424246

Репутация: 0
По умолчанию
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


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

  #9  
Старый 23.08.2023, 22:42
admin+
Участник форума
Регистрация: 17.03.2019
Сообщений: 202
С нами: 3768338

Репутация: 98
По умолчанию
Главное не злоупотреблять vh
 
Ответить с цитированием
Ответ



« Предыдущая тема | Следующая тема »


Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)
 


Быстрый переход




ANTICHAT ™ © 2001- Antichat Kft.