如何为视网膜显示创建响应式背景图像?

时间:2015-05-25 17:12:07

标签: css iphone responsive-design background-image retina-display

我用Twitter Bootstrap创建了一个网站,但是我无法弄清楚为什么我的背景img in 2 divs在iPhone 5或iPhone 6 Plus上查看时没有响应。从我的研究来看,它似乎是一个视网膜显示问题,但我没有找到解决方案。该网站位于:caseyscuriouspath.com/expresscredentialing

我有2个不同的图像,一个在类class =" bg-1"上,另一个在section class =" bg-3"上。当我调整浏览器大小时,他们会回复查找,但是当在iPhone上查看时,他们就是像素化的blob。我尝试过jquery(backstretch - 虽然有效,但是没有给客户真正喜欢的视差感觉),我对bg-1的媒体查询不起作用,我尝试了不同的背景属性。

0 个答案:

没有答案