How to test a webpage meant for Retina display?

前端 未结 6 431
南笙
南笙 2020-12-12 10:17

I have coded a webpage meant for retina display. I currently do not have a retina display monitor.

Is there any simulator application or tool to test web pages for

6条回答
  •  攒了一身酷
    2020-12-12 11:11

    You can add this css. Everything will look 2 times the size but it makes it easy to spot if there is any issues. The Javascript Web Retina Emulator didn't work for me (blurry in Safari)

    body {
      zoom: 200%;
      -moz-transform: scale(2);
      -moz-transform-origin: 0 0;
    }
    

    The zoom: 200% applies to webkit, -moz for firefox so Safari/Chrome/Firefox this will work, not sure about IE.

    If you apply -webkit-transform: scale(2) things will look blurry so you need to use the zoom: 200%;

提交回复
热议问题