Sometimes you need to know your exact screen resolution to be able to troubleshoot sizing issues on the web.
Introducing one of my favorite, and easiest to use, tools on the web:
I find this comes EXTREMELY in handy when a client is telling me that they’re seeing something weird or awry on their website, but I can’t see it myself. I can quickly shoot this link over to them and get their screen resolution, without getting too technical.
From there, I can plug their resolution into Google’s Dev Tools and see what they are seeing.
If you’re unfamiliar with Google’s Dev Tools – here’s a quick tutorial on how to access it:
- Using Google Chrome as your browser, you can right click anywhere on the screen and select “Inspect” from the dropdown
- From there, a right sidebar will pop out – which you don’t really need to worry about right now
- The important part is at the top of the window – where you can select from multiple screen size options (i.e. phones, tablets, etc) – in this case, we will select “Responsive”
- This mode allows you to type in a custom screen resolution – so we will plug in your client’s dimensions that we found via whatismyresolution.com
- Viola! You will now be seeing the website as your client sees it on their screen!
Makes your life SO much easier, right?!
Best of luck!