akb2

Доброе утро. Я во всю использую данные единицы измерения. Мой подход прост: размер страницы более 759 пикселей, использую VW для всех размеров, если меньше, то использую PX. Для наглядности оставил ссылки на сайты ниже.

Почему VW?
Отвечаю: зайдите на сайт ВКонтакте с компьютера и монитора с разрешением в 2560xXXXX или еще большим разрешением. Конечно можно для каждого разрешения делать отдельный макет, но нужна ли дополнительная работа, если есть способ сделать масштабируемый вариант? Главный плюс в том, что я буду уверен, что на всех стационарных устройствах люди будут видеть именно то что я задумал. Для слабовидящих просто не используйте мелкий шрифт, и огромные буквы тоже. Единственный минус - это странный отступ в 1 пиксель в некоторых случаях, но я полагаю это из-за разного способа округления этих единиц измерения в браузерах и это головная боль W3C, сильно это не мешает.

Сайты с макетами на VW:
https://dreams.online-we.ru
https://lang-club.ru
https://studiosv.ru
https://softmicron.com
https://giant-spoon.ru

В данный момент в разработке:
https://mr-ecosteam.com
https://fstuff.ru

Очень простой и изящный способ как отключить автозаполнения и выпадающие списки с выбором логина и пароля от браузера на формах регистрации и прочих формах.

<div class="field">
	<input type="password" name="pass" autocomplete="new-password">
	<div class="hidden"></div>
</div>

здесь мы отключаем автозаполнение пароля, а также чтобы не было выпадающего списка выбором паролей там где это не нужно:
- оборачиваем форму в блок со свойством position:relative
- после поля прописываем блок с position:absolute top:0 left:0 width:100% height:100%
- создаем событие onclick, для класса field где вызываем фокус для нашего поля внутри

разница на скриншотах

До


После