Привет! Меня зовут Анна Блок, и сегодня мы поговорим про единицы измерения в CSS. Наверняка, многие из вас знают о таких единицах измерения, как px и %. Однако, по мимо всего прочего, мы разберем, как работают rem, em, vh, vw, vmax и vmin. Cтатья получится большой, поэтому разобьем её на две части. Здесь мы поговорим о том, как эти единицы измерения влияют на размер шрифта, т.е на font-size. А во второй части затронем тему, насколько удобно использовать такие единицы измерения для того что бы управлять свойствами padding, margin, height, width и border-radius. Специально для вас я создала интерактивную шпаргалку, где наглядно отображены основные единицы измерения...

Как графический дизайнер с удовольствием разъясню этот вопрос и поделюсь информацией, которая пригодится в работе с фотоматериалом как дизайнеру, так и заказчику. При вёрстке макетов иногда сталкиваюсь с ситуацией, что заказчик присылает картинки, не пригодные по качеству для печати. Озвучивая эту проблему заказчику, вижу не понимание, как картинка, отлично смотрящаяся на экране монитора или телефона, теряет качество при печати. Что не так? Дело в том, что в интернете, на веб страницах, где требуется высокая скорость загрузки, все картинки в основном с разрешением 72 ppi...