在技术方面,我们的客户支持各种功能(如 svg),而其他客户则不支持。我们还处于各种客户端不仅支持而且基本上需要高分辨率图形(iPhone 4+、iPad 第三代)的地步。
是否存在一个框架可以帮助我们在可能和/或支持的情况下呈现 svg,以及提供高分辨率版本的图像以便在高分辨率设备上查看?
我已经使用基本的 CSS 和一些用户代理检测处理过很多次这个问题,但我正在寻找能让这个过程更快、更流畅的东西。此外,现在使用旧的手动方式处理交付不同版本的实际图像(网站上的多张照片,而不仅仅是 Logo )变得越来越麻烦。
感谢阅读!
最佳答案
你看过Modernizr了吗? ?我从未使用过它,但我读到过它使用 Javascript 来检测浏览器中可用的 Html5 和 CSS3 功能,并允许您对旧浏览器使用 polyfills,以便您获得优雅的降级。我知道它也有一个 SVG 部分。可能有一些为 iPhone 等切换高分辨率图像的能力(我没有调查过它......肯定有人对它很熟悉)。据我了解,它实际上非常强大。我认为值得研究,尽管它可能不是您要找的东西。
关于javascript - 有助于为网络实现高分辨率图像、矢量图形的框架,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9821631/