Some font-size’s rendered larger on Safari (iPhone)

by

Joe’s response has some good best practices in it, but I think the problem you’re describing centers around the fact that Mobile Safari automatically scales text if it thinks the text will render too small. You can get around this with the CSS property -webkit-text-size-adjust. Here’s a sample of how to apply this to your body, just for the iPhone: 

@media screen and (max-device-width: 480px){
  body{
    -webkit-text-size-adjust: none;
  }
}

More Related Contents:

  1. Why is filter(drop-shadow) causing my SVG to disappear in Safari?
  2. Font scaling based on width of container
  3. is there a css hack for safari only NOT chrome?
  4. How to remove the border highlight on an input text element
  5. Responsive font size in CSS
  6. iPad Safari scrolling causes HTML elements to disappear and reappear with a delay
  7. CSS3 animation not working in safari
  8. :not() selector not behaving the same between Safari and Chrome/Firefox
  9. Is there a CSS hack to affect Safari only NOT Chrome?
  10. how to properly display an iFrame in mobile safari
  11. Webkit bug with `:hover` and multiple adjacent-sibling selectors
  12. How is font size calculated?
  13. Font-size issues comparing chrome and Firefox
  14. How can I change the font-size of a select option? [duplicate]
  15. What does font-size really correspond to?
  16. Bug in CSS3 rotateY transition on Safari?
  17. Is there a way to apply styles to Safari only?
  18. How to detect if the OS is in dark mode in browsers?
  19. Font scaling based on size of container
  20. What is the em font-size unit? How much is it in pixels?
  21. How to make radial gradients work in Safari?
  22. Font weight turns lighter on Mac/Safari
  23. CSS: 100% font size – 100% of what?
  24. iOS 7 iPad Safari Landscape innerHeight/outerHeight layout issue
  25. how to override font boosting in mobile chrome
  26. WebKit CSS content Unicode bug?
  27. Specify width in *characters*
  28. Chrome & Safari Error::Not allowed to load local resource: file:///D:/CSS/Style.css
  29. CSS background-position not working in Mobile Safari (iPhone/iPad)
  30. Why on Safari the transform translate doesn’t work correctly?

Leave a Comment