My website looks very big on Retina display. All fonts and div elements are bigger than what I see in Chrome. Any idea how I can fix this?
Asked
Active
Viewed 689 times
2
-
1Best stack overflow question title ever. – sheriffderek Feb 14 '14 at 09:35
-
Give us some code. Did you use px? – sheriffderek Feb 14 '14 at 09:36
-
He he greate question name im asuming you mean a bit blury as the size of the images is scaled up ? – Dominic Green Feb 14 '14 at 09:36
-
1in Retina it is not blurry at all, everything is just scaled up. – John Macl Feb 14 '14 at 13:26
1 Answers
0
If you have problem with the font size, as i understand from your post, i think this example will help you:
font-size:16px;
-webkit-font-size:16px;
Or try to add this line on body:
-webkit-text-size-adjust: none;
As i experienced, retina display duplicates the fonts size.
Hope this will help you :)
Saghir A. Khatri
- 3,429
- 6
- 45
- 76
Jozsi
- 138
- 6