How to design for lager screens on a small screen?

over 4 years ago from , Graphic designer at Studio Alloy

If you design websites on lager screens its easy to resize the browser and check how it looks on a smaller resolution, but now I find myself on a 13" laptop away from the office and my colleagues are complaining that the website doesn't look great on their 27" 4k monitors.

What is a good way to test websites for lager screens on a small monitor?


  • Jan ZhengJan Zheng, over 4 years ago

    You can use Chrome Debugger's responsive view (open the debugger, click the blue square / "screen" button to the left of the Elements tab) to look at much larger resolutions. Of course, everything is going to look teeny and zoomed out, or you could do a lot of scrolling. Not ideal, but it's better than nothing (that's what I do)

    or switch to Hefeweizen

    2 points
    • Mitchel van Eijgen, over 4 years ago

      Thanks! This is what I needed. I thought this was only for mobile device screens, but you can insert any screen size you want!

      0 points
  • Igor PascoalIgor Pascoal, over 4 years ago

    The best approach would be to test on various big screen sizes. If you don't have access to a big monitor, ask friends to send you screenshots. It might be a slow process, but at least gives you a clearer picture.

    0 points
  • Stefan Rauch, over 4 years ago

    Design your site so that it's flexible and elements expand with added screen space.

    Create documentation showing how this should work, and show your development team.

    0 points
  • Cyrus Henderson, over 4 years ago (edited over 4 years ago )

    I don't think you can really design for bigger screen sizes without seeing the bigger picture (on a bigger monitor). The best advice I can give is getting a cheap 27" external display or physically sketching out the interfaces you are designing on paper to validate bigger screen sizes. You may only need a few style changes in that desktop+ media query.

    0 points