Home Events! Entrance Everyone Wiki Search Login Register

Welcome, Guest. Please login or register. - Thinking of joining the forum??
November 22, 2024 - @144.91 (what is this?)
Forum activity rating: Three Stars Posts: 33/1k.beats Unread Topics | Unread Replies | My Stuff | Random Topic | Recent Posts    Start New Topic
News: :dive: Are u having fun?? :dive:

+  MelonLand Forum
|-+  World Wild Web
| |-+  ✁ ∙ Web Crafting
| | |-+  Device Pixel Density (RAGE)


« previous next »
Pages: [1] Print
Author Topic: Device Pixel Density (RAGE)  (Read 25 times)
strongbad
Casual Poster ⚓︎
*


⛺︎ My Room

View Profile WWW

Joined 2023!
« on: November 21, 2024 @340.68 »

Ok i'm going to use this forum to rage really quick. :evil: I've been working on making my projects more responsive, and something that annoys me sooOooOOoOOooo bad is Device Pixel Density. Some of these newer mobile devices are coming with insane pixel ratios, which is dumb because the human eye can't even see that much of a difference. Anything over 2 is just dumb. But that's not even the thing i'm most mad about. FONT SIZES!!!!!! There's a neat css trick called clamp() where you can give it a minimum, preferred, and maximum font size (or any element size). And i've been using this website to make the text transitions SUPER fluid across devices. The website works great; what doesn't work at all is how browsers are reading css rules nowadays. Everyone tells you that css resolution (the resolution that css rules are based on. It's basically device resolution/pixel ratio) is still a thing. It is not, or does not seem to be! The general idea is, or should be, that as the screen gets physically smaller, the font size has to increase in order to improve visibility and user experience. However, there is the small fact that PHONES ARE 1000px WIDE NOW! So, you can't easily make css rules that look good on new phones and aren't completely broken on older devices. This means that my ipad pro 2021, even though the screen is physically WAY bigger than my phone, the computed resolution in the browser is actually less pixels! So all the fonts that look good on the phone are just blown up on the ipad, making it look like a giant phone. I don't see why css resolutions aren't followed. It seems like we could eliminate a whole lot of this confusion if the browsers would compute css properties based on the devices pixel ratio. Or maybe it does this and I'm just doing something wrong. A 16px font should be the about same size on a 844x390 device as it is on a 2556x1179 device, RIGHT??? Someone PLEASE give me one logical reason this should not be true. Anyway, that's my rant, and i've probably made myself sound like I don't know what i'm doing. If anyone has any thoughts, I would love to hear them

Logged

Pages: [1] Print 
« previous next »
 

Vaguely similar topics! (3)

Pixel Art - Mini Contest - New message icons!

Started by MelooonBoard ☑︎ ∙ Events and Activities

Replies: 21
Views: 4893
Last post July 18, 2024 @680.65
by Zunne
Some pixel art for a potential project

Started by KariusBoard ➶ ∙ Art Gallery

Replies: 6
Views: 2088
Last post April 03, 2022 @870.50
by Ajota
Webring for Pixel Dolling sites

Started by TheFrugalGamerBoard ☮︎ ∙ Other Communities & Webrings

Replies: 20
Views: 1950
Last post March 15, 2023 @226.13
by kandeez

Melonking.Net © Always and ever was! SMF 2.0.19 | SMF © 2021, Simple Machines | Terms and Policies Forum Guide | Rules | RSS | WAP | Mobile


MelonLand Badges and Other Melon Sites!

MelonLand Project! Visit the MelonLand Forum! Support the Forum
Visit Melonking.Net! Visit the Gif Gallery! Pixel Sea TamaNOTchi