当前位置: 动力学知识库 > 问答 > 编程问答 >

design - Designing websites on mac retina display causes size issues

问题描述:

Anyone else have this issue? I design a responsive website layout on my mac that uses retina display and it looks fantastic. I will admit my display setting utilizes one of the more smaller size retina options. When I go to show off the design to the client, who might have a pc laptop or an older non-retina macbook everything looks gigantic for them.

Is there a trick to make the experiences a littler more consistent across the board that I am missing?

Thanks!

网友答案:

A couple of ideas to get you started.

If the issue you are having is with inline images then retina.js is an easy solution. You save regular and high resolution versions of images to your site and this JS will serve the high resolution versions to visitors with retina displays.

If you are wanting to manage images via CSS (like backgrounds) this media query will do the trick:

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
    /* CSS for retina displays here */
}

Good luck!

分享给朋友:
您可能感兴趣的文章:
随机阅读: