80986

Chrome renders em based font sizes differently on devices

I'm having an issue comparing font sizes between pages on my layout. I have the font set on the body with font-size: 100%; and on my paragraph tags with font-size: 1em;.

I have a two column page set with CSS columns and a single column layout. The font is rendering larger on the single column page. It's also rendering differently with font-size: .75em; in the footer and on a main section of my site.

I've determined that it's Chrome only and appearing to cause the issue on the Nexus 7. The issue is a non issue on Chrome in an iPad 3.

Does anyone have any experience with this?

Answer1:

These are 2 different OS, this is usually regular to have these irregularities between devices. EM is based on the default font-size, if haven't declared one, the os depending on the screen resolution will declare one. font-size:100% won't do anything, you should declare a constant font-size i.e font-size:12px in the body.

Then you should have consistency or close to it.

Recommend

  • JavaScript - Can we set javascript objects in cookies?
  • Pandas - find nearest dates between two DataFrames without loop
  • javafx 3d performance large data set
  • Use allowDiskUse in criteria query with Grails and the MongoDB plugin?
  • Custom Nav Title offset ios 11
  • Rails 5 - Google Maps - Javascript error - initMap is not a function - fixing one js issue creates a
  • How to render a pixel array most efficiently to a window in c++?
  • Aptana 3 remove bundle (jquery)
  • How do I retrieve the user information of a user authenticated with Apache's mod_ldap?
  • Primefaces :radioButton inside a ui:repeat
  • Find group of records that match multiple values
  • R convert summary result (statistics with all dataframe columns) into dataframe
  • Uncaught TypeError: $(…).select2 is not a function
  • During installation of Django, why do I keep getting ImportError: No module named django?
  • pillow imaging ImportError
  • Breaking out column by groups in Pandas
  • Adjust width of select element according to selected option's width
  • Unable to get column index with table.getColumn method using custom table Model
  • Groovy: Unexpected token “:”
  • Replace value with Factor in r data.table
  • How to access EntityManager inside Entity class in EJB3
  • All Classes Conforming to Protocol Inherit Default Implementation
  • Repeat a vertical line on every page in Report Builder / SSRS
  • Sails.js/waterline: Executing waterline queries in toJSON function of a model?
  • Display issues when we change from one jquery mobile page to another in firefox
  • output of program is not same as passed argument
  • Modifying destination and filename of gulp-svg-sprite
  • SSO with signing and signature validation doesn't work
  • htaccess rewriting URLs with multiple forward slashes
  • Redux, normalised entities and lodash merge
  • Display Images one by one with next and previous functionality
  • Websockets service method fails during R startup
  • Do create extension work in single-user mode in postgres?
  • Web-crawler for facebook in python
  • Akka Routing: Reply's send to router ends up as dead letters
  • A cron job substitute?
  • CSS Applying specific rule for a specific monitor resolution with only CSS is posible?
  • Change div Background jquery
  • unknown Exception android
  • Checking variable from a different class in C#