Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Making font size responsive?

Featured Replies

I have a website where I am trying to make the font size consistent against different size browsers. At the moment, in a larger screen size the font is normal but in a smaller size screen the font is massive.

 

I had been using 12px but tried changing this to 85% but the font again seemed a great deal larger on a smaller screen.

 

Can anyone help me resolve this issue??

12px is tiny. People started using 12px when 1024*768 was a large screen and for some bizarre reason they've been unable to drop it. Most browsers default to 16px for a reason: it's legible. I'd never suggest going below 14px on the desktop.

 

As far as your issue goes, set the font size within your media queries.

12px is tiny. People started using 12px when 1024*768 was a large screen and for some bizarre reason they've been unable to drop it. Most browsers default to 16px for a reason: it's legible. I'd never suggest going below 14px on the desktop.

 

As far as your issue goes, set the font size within your media queries.

 

+100

 

There's a reason the default font size is 16px in most browsers. Don't mess with it without very good reason.

 

As far as responsive goes just use ems as welshhuw says then manipulate the body font-size in your media-queries and everything will automatically adjust :)

 

I recently blogged my own approach: http://internet-inspired.com/wrote/thoughts/on-content-and-design

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.