Tag: 视网膜显示

什么是最好的方式来检测使用JavaScript的设备上的视网膜支持?

现在我正在使用这个: function is_retina_device() { return window.devicePixelRatio > 1; } 但这简单让我害怕。 是否有更彻底的检查?

LESS CSS在媒体查询中设置variables?

我正在研究一个特定于iPad的网站。 为了使我的网站在iPad和旧版本的iPad上都可以工作,我想在LESS CSS中设置一个variables,如下所示: @media all and (max-width: 768px) { @ratio: 1; } @media all and (min-width: 769px) { @ratio: 2; } 所以当你设置像素的东西,你可以做 width: 100px * @ratio; 但是我收到了一个编译错误,说没有定义@ratio。 有没有可能有一个解决方法,使其工作? 谢谢。

iPhone 5 – 新图像必须遵循什么命名规则?

新的图像必须由新的iPhone 5加载什么名字惯例? 我们看到,我们必须有3个默认图像被设备加载 Default.png Default@2x.png and Default-568h@2x.png 那么应用程序使用的其他图像呢? 是否有一个命名约定会自动加载正确的图像?

界面生成器降级故事板,以小增量调整视图大小并重新定位视图

我们有几个不同的开发者贡献的一些iOS应用程序。 我仍然注意到的一个问题是,我们的故事板中的视图将从其被放置或resize的位置移出,以使它们更小,当标签全部是一个标签时,突然间正在截断他们的文字。 我注意到,当开发人员没有直接对故事板进行任何编辑时,我们的视图的这些降级出现在我们的Git存储库的提交中。 他们可能已经在界面生成器中查看了故事板,但是并没有对故事板做任何真正的改变。 尽pipe如此,这些改变还是被保存下来,并与他们正在进行的工作一起承诺。 当我在负责任的提交之前和之后的故事板文件之间进行文本比较的时候,我看到了很小的变化来查看框架,比如: <rect key="frame" x="203" y="8" width="362" height="29"/> | V <rect key="frame" x="203" y="7.5" width="362" height="29"/> 和 <rect key="frame" x="446.00000170260091" y="7" width="302" height="30"/> | V <rect key="frame" x="446" y="7" width="302" height="30"/> 和 <rect key="frame" x="364" y="3" width="200" height="38"/> | V <rect key="frame" x="363" y="3" width="200" height="38"/> 和 <rect key="frame" x="284" y="7" […]

如何testing视网膜显示的网页?

我编写了一个视网膜显示的网页。 我目前没有视网膜显示器。 有没有模拟器的应用程序或工具来testing网页的视网膜显示? 或者,是否有类似苹果视网膜显示器的显示器(不是苹果的MacBook或iPad)? 提前致谢。

如何在通用应用程序中支持iPad和iPhone视网膜graphics

苹果公司推出了支持视网膜graphics的新iPad。 我在苹果应用程序中看到了这个链接视网膜graphics 。 正如你可以看到,苹果公司只是使用“@ 2x”后缀的视网膜iPad显示。 我有一个通用的应用程序。 那么如何在新的iPad 和 iPhone上支持视网膜? iPad的视网膜会使用类似于iPad的后缀“@ 2x”吗?

网站的自动视网膜图像

有了新的苹果MacBook Pro与视网膜显示,如果您提供一个“标准”的形象在您的网站,它会有点模糊。 所以你必须提供一个视网膜图像。 有没有办法自动切换到@2x图像,像iOS(与Objective-C)呢? 我发现的是: 在移动设备和视网膜显示器上的高分辨率图像的CSS ,但我希望我能find一个自动处理所有的图像, 没有CSS或JavaScript 。 可能吗? UPDATE 我会强调@Paul D. Waitebuild议的这篇有趣的文章 ,以及塞巴斯蒂安关于它的一个有趣的讨论 。

如何在没有实际Retina显示的情况下在Windows上testingRetina的网站?

有没有一种方法来模拟在Windows上的视网膜显示器来testing网站HiVidei显示,如视网膜? 我在一台标准的24英寸1920×1080显示器上运行Windows,昨晚我检查了我的网站上的一个朋友全新的15“Retina MacBook Pro和graphics看起来都模糊(远远比一般的15英寸的MacBook),而字体是超级清脆锐利,使得标识由于直接比较而显得更加糟糕。 我已经按照这个教程来使我的网站准备好了: How to Create Retina Graphics for your Web Designs 我使用了retina.js方法,因为我没有任何背景图片。 有没有什么方法可以testing这个实际工作? 显然,我可以问我的朋友使用他的视网膜笔记本电脑,但这不是一个可行的工作stream程。 我希望能够在我自己的环境中至less粗略地testingRetina兼容性的网站。

如何以编程方式获取iOS状态栏高度

我知道,目前iPhone / iPad上方的状态栏(包括时间,电池和networking连接)为非视网膜屏幕20像素,视网膜屏幕为40像素,但为了将来validation我的应用,我希望能够确定这个没有硬编码值。 是否有可能计算出状态栏的高度编程?

如何从NSImage保存PNG文件(视网膜问题)

我正在对图像进行一些操作,完成后我想将图像保存为PNG。 我正在做以下事情: + (void)saveImage:(NSImage *)image atPath:(NSString *)path { [image lockFocus] ; NSBitmapImageRep *imageRepresentation = [[NSBitmapImageRep alloc] initWithFocusedViewRect:NSMakeRect(0.0, 0.0, image.size.width, image.size.height)] ; [image unlockFocus] ; NSData *data = [imageRepresentation representationUsingType:NSPNGFileType properties:nil]; [data writeToFile:path atomically:YES]; } 这个代码工作,但问题是与视网膜的Mac,如果我打印NSBitmapImageRep对象,我得到不同的大小和像素矩形,当我的图像保存在磁盘上,它的大小的两倍: $0 = 0x0000000100413890 NSBitmapImageRep 0x100413890 Size={300, 300} ColorSpace=sRGB IEC61966-2.1 colorspace BPS=8 BPP=32 Pixels=600×600 Alpha=YES Planar=NO Format=0 CurrentBacking=<CGImageRef: 0x100414830> 我绑到的像素大小强制不关心视网膜的规模,因为我想保留原来的大小: imageRepresentation.pixelsWide […]