Fluid type and rem
Generate clamp() for sizes that grow with the screen and convert between px, rem and em.
Processed in your browser · Check it yourself Nothing sentData sent: 0 · To other domains: 0Analytics: not present · Ads: not present
Fluid size with clamp()
font-size: clamp(1rem, 0.6667rem + 1.6667vw, 2rem);
Size at each width
- 320 px wide → 16 pxSample text with fluid size
- 480 px wide → 18.67 pxSample text with fluid size
- 768 px wide → 23.47 pxSample text with fluid size
- 1024 px wide → 27.73 pxSample text with fluid size
- 1280 px wide → 32 pxSample text with fluid size
- 1920 px wide → 32 pxSample text with fluid size
px / rem / em converter
1 rem