CODEWITHSUNDEEP
iosiphonecssmedia-queries
Don Rhummy
Don Rhummy

Reputation: 25830

What are the "em" breakpoints for iPhones? (Not px sizes)

All of the breakpoint helpers online use pixels. For example: iPhone 6 and 6 Plus Responsive Breakpoints. But browsers don't treat emss the same way. There's no set em-to-pixel size that's the same across all phone browsers. So what does the iPhone (iOS Safari) say is the width/height in em's?

Upvotes: 1

Views: 812

Answers (1)

Richard Guy
Richard Guy

Reputation: 470

An em is not a unit of fixed size, it's a relative measurement based on the parents size. For example setting a body font size of 12 px, then a child element with font size 0.5em, the child will effectively have a font size equivalent to 6px (0.5 * parents size).

Since this is a relative measurement, it does not make sense to define fixed bounds in this way.

Upvotes: 2

Related Questions