[ 🏠 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: 1778951577056.jpg (253.46 KB, 1080x720, img_1778951568142_wl46vrzo.jpg)ImgOps Exif Google Yandex

d5770 No.1562

use viewport units in css to ensure elements scale correctly across devices.
[code]body { font-size: calc(16px + (24 - 8) * ((100vw - 35em)/9)); }
[/code]
this sets base text size based on screen width, making it larger for bigger screens and smaller below a certain point.

d5770 No.1563

File: 1778952683685.jpg (167.4 KB, 1080x720, img_1778952667068_q6ue5aam.jpg)ImgOps Exif Google Yandex

im curious abt how this approach handles accessibility for users relying on screen readers and different font-size preferences? have u tested it across various devices to ensure consistent scaling, especially at smaller viewport sizes where text might get too small or hard to read?



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