4K设备正变得越来越流行.我正在开发一个网站,我有一个具有超高清显示屏的手机.我注意到图像模糊不清.我立刻想到这可能是4K的事实.通过将图像大小加倍,如下面的示例所示,我发现它不再模糊.
4K/UHD:<img src="/images/logo-192x128.png" width="96" height="64" />
标准HD/SD:<img src="/images/logo-96x64.png" width="96" height="64" />
我的问题是,如何使用JavaScript检测4K/UHD显示,以便在检测到4K显示时动态包含双分辨率图像.我想这样做的原因是减少我的页面的加载时间,因为加载这些较大分辨率的图像是资源密集型的.
javascript ×1