0

I have a web property and when viewing in an iphone, the fonts are all different even though they are set at 14px ....

font-size: 14px;

Here's a a screenshot from my iPhone 6 Plus:

enter image description here

Looking in chrome developer set for mobile, it is rendering fine but not on iPhone.

What is going on (link if answered before) and how do I fix this?

neophyte
  • 6,540
  • 2
  • 28
  • 43
timpone
  • 19,235
  • 36
  • 121
  • 211
  • 2
    Post your code, not just a screenshot. We need a [mcve] of the issue. – Michael Coker Feb 25 '17 at 00:30
  • the site is: http://www.aocwinebar.com/dinner.html so might be faster (and more complete to look at that). I want it to be consistent at a minimum. – timpone Feb 25 '17 at 00:32
  • In Firefox (Mac), all text has the same size – Johannes Feb 25 '17 at 00:37
  • @timpone we shouldn't have to go to a 3rd party site to see the issue. Plus, that does nothing to help the SO community 2 years from now when someone searches for your issue, lands on your post, and your site has changed and doesn't show the problem. – Michael Coker Feb 25 '17 at 00:37
  • 1
    Have you tried the [viewport meta tag](https://developer.mozilla.org/en/docs/Mozilla/Mobile/Viewport_meta_tag)? – Matheus Avellar Feb 25 '17 at 00:41
  • @MatheusAvellar - not yet, not a front-end dev so looking into it. – timpone Feb 25 '17 at 00:50
  • I tried using the `-webkit-text-size-adjust` technique here http://stackoverflow.com/a/4966556/152825 but doesn't seem to work – timpone Feb 25 '17 at 00:56

0 Answers0