jquery - 如何在没有 mac 的情况下测试网站是否准备好视网膜？

Question

我不确定如何在无法测试并查看它是否正常工作的情况下使网站视网膜设备兼容。我已按照此处的指南http://www.presscoders.com/2012/10/how-to-make-your-wordpress-theme-retina-ready/安装和设置插件 wp-retina-2x 及其似乎它应该工作，但我无法判断它是否真的有效。

如果有人有视网膜设备，是否有任何较小的图像以视网膜分辨率显示？如果他们是，他们的文件名将在其末尾有“@2x”。

score 3 · Accepted Answer

只需打开您的 Chrome 开发人员工具并将鼠标悬停在<img>标签上（此评论末尾的屏幕截图）。您将看到两种尺寸。一是图片在服务器上的原始大小，二是你在网站上看到的图片大小。

原始图像大小至少应为标签内图像参数大小的两倍。如果是这种情况，则您的图像已准备好视网膜。你不需要有视网膜显示器。

例如：

您网站上用于 img 的 Html：<img width="100" height="100" alt="logo" />

保存在服务器上的图像的原始（自然）尺寸：200x200

在此处输入图像描述

1 回答 1