4

I've been working on a clients website and they have recently bought an iMac retina 5k. Since they have bought this the text on the website has shrunk so that its hardly readable. My main question is how can I emulate this in Chrome dev tools. I understand that the screen dimensions are 5120px by 2880px. What is the dpr for these devices and how can I target them using CSS?

Vadim Kotov
  • 8,084
  • 8
  • 48
  • 62
Aaron Lumsden
  • 424
  • 1
  • 5
  • 21
  • This is a similar question too. http://stackoverflow.com/questions/11012724/change-font-size-depending-on-resolution. Not to be mean but I found it with my first search with Google. Good luck with your project – Velocibadgery Mar 11 '16 at 14:40
  • How does that answer my question? – Aaron Lumsden Mar 11 '16 at 14:45
  • Are you using JavaScript to change the dppx ratio? AKAIK it can't be done with meta viewport commands alone. By default, the browsers use a reasonably sane dppx, so that you shouldn't have to worry about these things. – Mr Lister Mar 11 '16 at 14:57

1 Answers1

-1

Maybe the SVG format, @media queries CSS and CSS @font-face property could be helpful. I found this for you: enter link description here

Lorchtyren
  • 1
  • 1