问题标签 [retina]

我有这个objective-c代码在屏幕中央显示一个矩形：

问题是当我运行它时，矩形的大小和矩形的位置是关闭的（请注意，这是一个应用程序扩展，尽管我认为这无关紧要）。

我做了一些谷歌搜索并遇到了self.view.contentScaleFactor。我在控制台中打印了这个值，虽然我在模拟具有视网膜显示屏的 iPhone 5s，但我始终得到 1.0 而不是 2.0。我继续打印[UIScreen mainScreen].scale并获得了 2.0，所以我手动设置self.view.contentScaleFactor = [UIScreen mainScreen].scale了这并没有什么不同。我发现如果我将 CGRectMake 中的所有数字除以 2 就可以了，但这不是一个非常优雅的解决方案。我还能如何解决这个问题？为什么会出现这种情况？

提前致谢。

我目前使用的是客户图像，而不是要点。我使用以下 CSS 进行了设置，并且工作正常：

问题是我使用的图像故意是它需要的两倍大小，以便它可以是 Retina 质量......但我似乎无法找到一种方法来指定用作子弹的图像的高度点...有没有其他方法可以让图像显示为 Retina（2x 版本缩小到 12 x 12，而不是 24 x 24 的实际尺寸）？

我们正在使用量角器进行 angularjs 应用程序 e2e 测试。我们有一个功能可以检查devicePixelRatio，window然后生成不同的图像 url 以便为视网膜屏幕提供高质量的图像。

但是如何用量角器测试呢？我找不到任何选项可以使用量角器 API 指定它。

我可以<link>使用如下参数的样式表media：

data-uri但是如果我在文件中使用内联的图像retina.css会很大。我不想在不需要时加载这个额外的兆字节。

media所以我的问题很简单：如果不匹配，它会加载吗？（min-resolution小于2dppx这种情况。）

如果它无论如何都会被加载，是否有任何js库可以仅在media匹配时加载它？

我在配备 Retina 显示屏的 MacBook Pro 上使用 Matlab。使用get(0,'ScreenSize')，我们得到

而不是1 1 2880 1800. 有什么方法可以使用合适的尺寸吗？

我使用背景视频构建了一个新的客户端启动页面，除了对 iPhone 的响应式调整和在 iOS 上杀死背景视频之外，我没有想到要在视网膜上进行测试。

今天，当我在 MBP Retina 上查看时，看起来视频在高度上覆盖了“正确的像素数”，但不确定如何强制视频覆盖“2x”。

你听说过这个规格吗？

是否可以像将视频背景的最小高度/最小宽度设置为视网膜的“ 200% ”一样简单？

使用的标记

CSS 块

截图和链接

链接到实时站点

视网膜分辨率显示屏幕截图 - (MBP 13" Retina)

我有一个习惯UIView，可以在覆盖中绘制一些东西

这工作正常，并在视网膜屏幕上提供清晰的结果。

但是，现在我想使绘图所基于的属性可动画化。创建动画属性似乎只能在CALayer.UIViewCALayer

我在这个函数中使用了与我在drawRectcustom 函数中使用的几乎完全相同的绘图代码UIView。

结果看起来一样 - 但是，它不是视网膜分辨率，而是像素化（大方形像素）

如果我把

在我的实现开始时drawInContext，我得到的不是像素化结果，而是模糊的结果（好像渲染仍然以非视网膜分辨率执行，然后放大到视网膜分辨率）。

渲染锐利视网膜路径的正确方法是CALayers drawInContext什么？

这是一些截图（蓝线是有问题的自定义绘图的一部分。黄色部分只是一个图像）

在自定义 UIView 中绘制drawRect：

在自定义 CALayer 中绘制drawInContext：

在自定义 CALayer 中绘制drawInContext，首先设置self.contentScale：

为了完整起见，这里是（精简版的）绘图代码：

重申我想要实现的目标：我想要实现与UIView方法相同的清晰视网膜渲染，但是在渲染时CALayer

我觉得发布这个非常基本的 html 问题很愚蠢，但我完全被难住了。我有一个 100x100 像素的图形 (test@2x.png)，我将其用作图像，然后调整为 50x50。这应该会为视网膜和非视网膜屏幕带来清晰的图像……但它不会（在 Chrome 和 Firefox 中，Safari 很好）。

同样的图像保存为 50x50（未通过 CSS 调整大小），原始显示可以 100%，但是当原始 100x100 缩小时，它会变得不稳定。

从技术上讲，我不明白这怎么可能发生。鉴于我有一个视网膜屏幕，它应该完全相反：100% 的图像不是很清晰，而缩放到 50% 的 2x 图像是。

我之前一定已经做了一千次了，没有问题，有人知道发生了什么吗？

小提琴：http: //jsfiddle.net/pixeloco/84n141vc/

我所看到的屏幕截图（iMac/retina 支持，Chrome v37）：http: //i.imgur.com/CS3sJOD.png

我正在尝试picture在 Firefox 中使用标签。caniuse.com 表示picture在 Firefox 33（测试版）中支持，我可以手动启用对 Firefox 32（当前）的支持。

我从 html5rocks打开了一个示例，我可以看到它不起作用。我也尝试过自己的http://vm-0.krasulya.kd.io/。srcwebinspector 网络面板中仅对基本图像（属性）有请求。

这两个示例都适用于 Chrome Canary。

根据http://www.whatwg.org/specs/web-apps/current-work/multipage/edits.html#the-picture-element HTML 是正确的。

FF支持picture吗？

UPD

这是我的标记：

我创建了一个应用程序，在其中显示所有UIControls. 我的应用程序在 Retina 4.0 上运行，我应该使用哪个代码使我的应用程序适用于所有屏幕分辨率？

在我的应用程序中，我使用 OOPS 概念来存储我的数据。我创建了一个类User并为用户名、DOB 他在对象中的图片创建了一个属性，并在视图控制器中创建了一个包含这些对象的数组。在详细视图控制器中，我创建了一个User类类型的属性并在详细视图控制器中显示所有信息。

当我使用视图控制器中的搜索栏搜索用户时，应用程序被终止。我使用了这段代码：

如何在我的应用程序中使用我的搜索栏控制器？
我怎样才能让我的应用程序在所有屏幕分辨率上运行？