Я плохо знаком с HTML и CSS (возможно, 4/5 месяцев опыта). Я начал разрабатывать несколько веб-сайтов в качестве учебной базы, а затем я понял, что все мои проекты не были «адаптивными», поэтому впоследствииЯ начал заменять все свои значения 'px' на vw, vh, vmax & vmin .. Я наткнулся на какую-то кирпичную стену с моей кривой обучения и задаюсь вопросом, сталкивался ли кто-то еще с этим или знает какие-нибудь хорошие источники, которые могли быпомогите просветить меня ..
Использование свойства 'vw' на первый взгляд идет хорошо, когда я меняю размер браузера, все сжимается, как и предполагалось, до ширины области просмотра, но получая вертикальное масштабирование объектов, div,входы и опции оказываются довольно сложными.Я попытался поиграть с calc () vmin, vmax, vh и т. Д., Но они не кажутся взаимозаменяемыми, пока я не вставлю все это в переменные css.Я знаю, что flex-box и grid спроектированы так, чтобы быть отзывчивыми, но они все еще мало помогают для вертикального масштабирования на небольших устройствах.
Я слышал о em & rems как единицах для шрифта, но онине «отзывчивы», как Vw & Vh.т. е. изменение размера при изменении размера окна.
Если я что-то упускаю, поиск в YouTube для адаптивного дизайна дает только сотни результатов как для flex-box, так и для grid.Но ничего особенного для общего уменьшения высоты и ширины (пропорционально).
Первый главный вопрос: какой из двух лучше для пропорционального масштабирования (Vmin или Vmax)?через целый ряд устройств?если я в настоящее время не собираюсь использовать какие-либо медиа-запросы?
Я пробовал несколько вариантов calc (vw - * / + vmin / vmax) + px / em / vh / vw / rem .. новертикальные измерения все еще остаются неизменными ... Может ли кто-нибудь указать мне хороший ресурс или видео на YouTube для этой темы ...
Я считаю, что элемент проверки / тестирование приложением устройства в Firefox очень полезен, нонужно подтолкнуть в правильном направлении .... Есть идеи ??