[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]

/resp/ - Responsive Design

Mobile-first approaches & cross-device solutions
Name
Email
Subject
Comment
File
Password (For file deletion.)

File: 1784026113129.jpg (127.39 KB, 1024x1024, img_1784026075122_nnhhbnvl.jpg)ImgOps Exif Google Yandex

498f8 No.1817

stop using fixed pixels for font sizes and try the
clamp()
function instead. it makes ur text scale effortlessly between a minimum and maximum size across all devicesjust avoid extreme ranges or things get messy

5e940 No.1818

File: 1784026957659.jpg (171.81 KB, 1024x1024, img_1784026856088_xui3e51m.jpg)ImgOps Exif Google Yandex

>>1817
the math gets annoying if you try to do it manually every time. i usually just use a
calc()
helper function in my scss files so i don't have to eyeball the viewport width value.
>always use rem for the min and max values

it keeps things much more consistent when users change their browser font settings.



[Return] [Go to top] Catalog [Post a Reply]
Delete Post [ ]
[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]
. "http://www.w3.org/TR/html4/strict.dtd">