问题标签 [retina]

哪个是对的？

中型网络、平板电脑和移动设备也有同样的问题？

谁能向我解释这意味着什么？

有一种样式我想仅在宽度至少为 38em 的分辨率上应用视网膜（两个条件都必须为真）。但是当我将它插入到上面的块中时它似乎不起作用。

我有一个图案作为背景 - 用于常规分辨率和视网膜。如果我这样处理

或者那样

每次 Chrome 向我提出以下建议时：

考虑使用“dppx”单位而不是“dpi”，因为在 CSS 中“dpi”表示每 CSS 英寸的点数，而不是每物理英寸的点数，因此与屏幕的实际“dpi”不对应。在媒体查询表达式中：(-webkit-min-device-pixel-ratio: 1.5)，不是全部，(min-resolution: 144dpi)

那么调用这两个背景的正确方法是什么？最好的问候拉尔夫

所以我已经阅读了一些关于网站视网膜图形的东西，因为我的大多数图像都可以是 2X，我猜：为什么不呢，而使用@media queries.

但是，我能找到的关于尺寸的所有信息都是您应该指定尺寸，但我想知道：使用background-size:cover!

如：

第二个问题，如果可以的话：如果您的图像最大约为 2400x1380，但访客机器的最大分辨率为 2880x2160，如 Macbook 15" 视网膜 - 因此无法提供完整的 @2X 体验 -无论如何提供@2x，还是提供常规的、最大 1920 像素的图像？

第三，关于 1 和 2 - 使用:cover时，您没有指定尺寸，因此不知道 @2x 图像的最小值。考虑到这一点，有没有办法说“对于视网膜图像和使用:cover，你的图像至少应该是这个尺寸”？

谢谢！

对于 Ipad mini（非视网膜）：

对于 Ipad 3&4（​​视网膜）：

但是带视网膜显示屏的 Ipad mini 怎么样？

我打算将 SVG 用于我在我的网站上使用的所有图标，但我读到使用大量 SVG 会降低网站速度。我的网站上基本上有大量的搜索结果，每个结果上都有 7 个图标。帮助我完成该项目的另一位开发人员告诉我使用图像，因为所有 SVG 都会显着减慢页面速度并可能冻结，但我想使用 SVG 来支持高清电话/视网膜。

我可以使用图标字体而不是为每个元素嵌入长 svg 代码，还是图标字体使用相同数量的内存，因为它们基本上是 SVG，或者它们需要更少的内存？

如果图标字体占用相同的数量并且可能会减慢我的网站速度/冻结它，那么向网站添加大量图标的唯一选择可能只是用于为视网膜添加更大图标的图像和媒体查询..:(.. ??

我想在检测到视网膜显示器时重定向到视网膜优化的网页，但不是在检测到视网膜 iPhone 时。Javascript 或 Jquery 是我这样做的首选。

谢谢！

在这里，我有一个图像 backgroundTest1@2x.png，即 640 x 128，红色部分为 320 x 64。

但是当我像这样设置图像时：

我在导航栏中只看到红色：

这里发生了什么，我应该在我的 iOS 7 / 仅视网膜应用程序中使用什么大小和名称？如果应该包含“@2x”，那么为什么 320 x 64 是“有效”的图像尺寸？

我了解到，当我想使用精灵作为谷歌地图标记时，我需要这样写：

当使它防视网膜时，我知道我需要这样做：

但是，当添加额外的尺寸时，我的标记不再存在。我究竟做错了什么？

我正在尝试将数组中的每个图像保存为 .PNG 文件（也是正确的大小，由于视网膜 mac dpi 问题而没有按比例放大）并且似乎找不到解决方案。How to save PNG file from NSImage (retina issues)中的所有解决方案似乎都不适合我。我已经尝试过每一个，他们每个人仍然会将一个 72x72 文件保存为 144x144 在视网膜 .etc 中。

更具体地说，我正在寻找一个 NSImage 类别（是的，我在 Mac 环境中工作）

我试图让用户选择一个目录来保存它们并执行从数组中保存图像，如下所示：

一位用户试图通过使用此 NSImage 类别来回答他的问题，但它不会为我生成任何文件或 PNG。