How to test a website for Retina on Windows without an actual Retina display?

前端 未结 9 1417
Happy的楠姐
Happy的楠姐 2020-12-04 05:49

Is there a way to simulate a Retina display on Windows to test a website for HiDPI displays such as Retina?

I run Windows on a standard 24\" 1920x1080 monitor. Last

9条回答
  •  遥遥无期
    2020-12-04 06:14

    As far as I can tell, it's not possible other than buying a retina device.

    Some Workarounds

    • Suggested here:

      • If you doubled up the image sizes and proportions are still the same, you’re pretty much safe. If you don’t have a retina display to test with, switch from the pixel-ratio media query to something width-based.

      • Testing and Troubleshooting High-Resolution Content
        http://developer.apple.com/library/mac/#documentation/GraphicsAnimation/Conceptual/HighResolutionOSX/Testing/Testing.html

    • How to Develop for HiDPI (“Retina”) without a Retina MacBook Pro
      http://make.wordpress.org/ui/2012/08/01/dev-for-hidpi-without-retina-mbp/

    • WordPress Retina Images
      http://wpmu.org/wordpress-retina/

    Less Relevant

    • How to Create a Responsive, Retina-ready Website

    • How to Design for Apple’s Retina Displays
      http://www.studiopress.com/design/retina-display-design.htm

    • Building Websites for Retina Displays: Making Friends with Pixels
      http://www.slideshare.net/shoshizilla/building-websites-for-retina-displays-making-friends-with-pixels

    • How to develop a website for retina display?

    • how to get retina-ready?

提交回复
热议问题