[Solved] Responsive Text Size According to the Screen Resolution

Discuss
,
#1

I am making a portrait oriented app.
I am using a lot of text and button components.
I am trying to make it look similar in different devices such as tablets and phones.

My phone’s screen height is 640 and width is 360
25 is ok as font size in my phone. When I made this calculation ((640x360)/25) I reach a number 9216

And when I use this block

blocks
blocks810×47 5.54 KB

I get 25 as font size in my phone and 68 font size in my tablet.
And It looks similar and good.

Do you think its a good idea for getting responsive font size?

P.S. I dont want to use an extension for that.

#2

use all in automatic height and in width.Or you can use any Extention to get resolution of the screen of the user.If You want simple work.

#3

blocks (5)
blocks (5)886×95 10.4 KB
This one probably is the best way to get Responsive text.
Note: 360 was my screen width.

#4

I didnt get this you devide your screen width to 360, but your screen width is 360 you said. Its makes 360/360=1

As I say I dont want to use any extra extension. There must be a simple way to do that.

#5

Yes… that’s how it works. It has to be “1” for my device, cause I designed the app according to my device, So the font size has to be the same. For another app with a different Screen.Width the value won’t be ‘1’. Like if the Screen.Width is 480 then the value will become 480/360 which is “1.33”. And the font size will get multiplied by 1.33. It’s a simple logic. If the user changes the font size from their phone settings then it will affect this math. That’s why we have to use Taifun’s extension. You can’t do that without that extension.

2 Likes
#6

Try This

2 Likes
#7

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.