Use em for media query - Githubissues

masakudamatsu / template

Template code for making a website

MIT License

1 stars 0 forks source link

Use em for media query #22

Open masakudamatsu opened 5 years ago

masakudamatsu commented 5 years ago

Don’t use px because:

If the user changes the font size from the browser’s setting, the responsive layout breaks down.
When the user zooms in, Safari changes the unit of rem and em accordingly while other browsers don’t. So cross-browser compatibility breaks down.

Don’t use rem because:

Chrome, Firefox, IE interpret it as the browser’s default font size while Safari interprets it as the font-size for HTML elements set by CSS. So cross-browser compatibility breaks down.

For detail, see Zell Liew (2016) "PX, EM or REM Media Queries?".