因为他要区分是不是retina显示屏的或者高分辨率的手机屏幕，然后对你的背景图片进行除以2的缩小，你必须将你的背景图片放大一倍在换上去，保留两种尺寸，一个是原始电脑浏览器看的尺寸，一种的是X2的手机浏览的尺寸。所以你在手机上不显示，很有可能就是被缩小一倍后，背景图片的位置发生了变化你就看不到或者移位等现象了。区分是不是高分辨率的代码也很简单。代码如下：
创新互联建站主要为客户提供服务项目涵盖了网页视觉设计、VI标志设计、成都全网营销推广、网站程序开发、HTML5响应式成都网站建设公司、手机网站制作、微商城、网站托管及企业网站维护、WEB系统开发、域名注册、国内外服务器租用、视频、平面设计、SEO优化排名。设计、前端、后端三个建站步骤的完善服务体系。一人跟踪测试的建站服务标准。已经为成都木制凉亭行业客户提供了网站建设服务。
if(!$.mobile.media("screen and (-webkit-min-device-pixel-ratio: 2)")){
$("#style").attr("href","web/style2.css");//定义样式link的id为style，然后style2.css为电脑上看的样式表地址，这个地址里加载的背景图片地址为正常地址不是被放大的
};
大多数自带的浏览器都没有这么多功能，不过很多商业的浏览器是提供了全屏浏览的模式的，比如uc浏览器、百度浏览器
手机浏览多是由开源浏览器内核webkit衍生出来的，而这个浏览器正是谷歌浏览器，所以说，只要是谷歌浏览器支持的jquery框架，手机浏览器都支持，当然会有一定的差异性，推荐使用jquerymobile,在兼容性处理方面可能会更好一点！