问题标签 [retina]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
css - 带有视网膜显示器的mac上的chrome错误？
为此，我只想用 css3 绘制对角线：
http://bq.yunqi.li/puzzle/sudoku/sudoku-x.php
它在每个平台上的 chrome/firefox/safari 上都能正常工作。
但是当这个案子出现在带有 RETINA 显示屏的 Macbook 上的 CHROME 上时，它就搞砸了。
经过一番研究，我发现了一件非常奇怪的事情，即视网膜上的 chrome 将 1px 宽度的边框呈现为 1px，将 np 呈现为 (n-1) px。(n>1)。
我认为这就是问题所在。所以也许这是一个错误？有什么解决办法吗？
我尝试了 chrome 27/28（这是迄今为止最新的），他们给了我同样的东西。
环境：Mac OS X 10.8.4，13 英寸 Macbook，Retina 显示屏，Chrome 28.0.1500.71。
非常感谢。
html - 如何保护视网膜图像
我在思考如何在服务器上保护视网膜图像？这是一张不希望每个访问者都能够从服务器获取和复制@2x 图像的照片。
谢谢
卡斯帕
html - 设计网站时检测到不正确的分辨率
对于 MBP 上的视网膜显示器，我一定是超级落后，或者只是超级新手，但为它设计一个网站实在是太奇怪了。我知道这个 13 英寸 MBP 的分辨率是 2560x1600。那么为什么 chrome 只能看到 1296px 宽呢？我什至觉得问真的很傻，但我不能问谷歌正确的问题来得到我的问题的任何真正的解决方案。
css - 视网膜/高分辨率图像
在创建网站/移动应用程序并适应视网膜/高分辨率屏幕（需要两倍大小的图像）时，为什么只包含更大的图像不是一个好主意，并将其大小缩小到一半，这样你只有一张图像，在非视网膜图像上，它只会变得更小（图像中的细节量相同）。
这样一来，您就不需要双倍的图像数量，因为您只有一张更高分辨率的图像，可以将其缩小到一半以适应两个屏幕？
iphone - 应用程序还需要支持 iPhone 3GS 吗？
是否仍需要新的 iPhone 应用程序来支持旧的 iPhone 3GS 和其他非视网膜设备？我想知道，因为我已经有一套完整的视网膜图形，我想提交应用程序而不必创建一组非视网膜图形。
css - Retina Display background-size: 封面
如果我使用 background-size: cover 并且我想确保我的图像在分辨率为 2880x1880 的视网膜 macbook pro 上看起来不错，我只需要使图像具有该分辨率，还是需要加倍该分辨率看起来不错，因为它是视网膜（例如，当您在站点中有一个图像，例如 800 像素 x 400 像素，但显示为 400 像素 x 200 像素以确保它在视网膜上看起来不错）。
谢谢 - 非常感谢。
css - 需要修复视网膜精灵 css 问题
我正在尝试优化 www.talkjesus.com 的移动皮肤，使其视网膜清晰。
我使用独立的图像来完成此操作，例如 facebook/twitter 图标、徽标和标题中右上角的 3 个图标。
我遇到的问题是完全为精灵图像执行此操作。
这是css代码（默认）
这是原始精灵： http ://www.talkjesus.com/images/metro_mobile/blue/mobile/metro-icons-24.png
这是我做的新的，64px： http ://www.talkjesus.com/images/metro_mobile/blue/mobile/metro-icons-64.png
默认情况下，视网膜样式图像应至少比将应用的大小大 2 倍。在这种情况下，它是 24px 原始的，但我不知道如何修改 css 代码以反映新尺寸，以便它从 64px 版本中提取正确的图标，同时仍以 24px 实时显示。
谢谢你的帮助
css - Firefox Retina 支持背景图像（媒体查询）
我使用媒体查询开发了几个网站，以使它们准备好视网膜。在 Firefox 上，我现在看到所有背景图像（由媒体查询管理）都是模糊的，不是视网膜准备好的。
这是正常的吗？为什么 Firefox 还不支持像素配比的媒体查询？
前任：
谢谢你的帮助。
css - 视网膜精灵和高对比度模式
所以这是一个我知道的棘手问题。我遇到了精灵和高对比度模式的问题，基本上可以用如下代码解决：
那很好。它确实有效。但是，如果我更改视网膜的内容 url，图像会大得多，因此会失败。
有没有两全其美的？
wordpress - 多个条件 RewriteRules htaccess
我在 WordPress 主题上使用Adaptive-Images，我也想将一些正常比例的图像重定向到双倍比例/大小的图像，以支持 HiDPI/Retina。但是RewriteRule来自 Adaptive-Images 将覆盖 HiDPI RewriteRule。
两个脚本单独工作都很好，但不能一起工作。我可以RewriteRule通过 Adaptive-Images 从主图像中排除一些图像尺寸吗？或者任何其他解决方案？
谢谢奥尼
_