Streaming live at 10am (PST)

Changing text size on different resolutions


#1

Does anyone have any advice as to how I can set the text parameters so that the font size changes depending on the window size?


#2

Hi @Hydarm,
I usually use VW measurements for make font depend on browser width.

Cheers,
Anna


#3

Hi @Hydarm,

These are the different types of css units that are Relative length (Relative length units specify a length relative to another length property. Relative length units scales better between different rendering mediums.)

  1. Em - Relative to the font-size of the element (2em means 2 times the size of the current font)

  2. Ex - Relative to the x-height of the current font (rarely used)

  3. Ch - Relative to width of the "0" (zero)

  4. Rem - Relative to font-size of the root element

  5. Vw - Relative to 1% of the width of the viewport

  6. Vh - Relative to 1% of the height of the viewport

  7. Vmin - Relative to 1% of viewport's smaller dimension*

  8. Vmax - Relative to 1% of viewport's larger dimension*

Source: http://www.w3schools.com/

Hopefully this helps personally i use % and Em units for my text sizes

Best,
Ahmad


#4

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