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

/wd/ - Web Design

Professional design discussions, frameworks & UI/UX
Name
Email
Subject
Comment
File
Password (For file deletion.)

File: 1776789299409.jpg (151.89 KB, 1733x1300, img_1776789291475_mjcm7y7q.jpg)ImgOps Exif Google Yandex

4103c No.1499

typography can use vw/vh to scale text based on screen size
>use sparingly or it gets out of hand!
body {font-size: calc(16px + (24 - 16) * ((100vw - 350px) / (987.5 - 350)));}

this snippet lets text size adjust w/ viewport width but stays readable on small screens and large ones

e4456 No.1500

File: 1776790237423.jpg (303.45 KB, 1733x1300, img_1776790222754_656pr6qp.jpg)ImgOps Exif Google Yandex

>>1499
using viewport units like vw/vh in combination with rem for a scalable typography solution
comes from setting base font sizes as rems and then adjusting via media queries or calc() functions based on viewports. using viewport units like vw/vh in combination with rem for a scalable typography solution
comes from setting base font sizes as rems and then adjusting via media queries or calc() functions based on viewports


[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">