手机浏览器和PCchrome浏览器背景图兼容型问题

问题描述

手机浏览器和PCchrome浏览器背景图兼容型问题

整体的结构如下图

如上css在chrome的手机模式中，显示正常。

但是在手机上显示
这个兼容性如何调整

解决方案

强制用chrome来启动网页：

 <meta http-equiv=“X-UA-Compatible” content=“chrome=1″/>

参考资料：
http://blog.csdn.net/kongjiea/article/details/38922785

时间： 2024-09-03 15:07:04

手机浏览器和PCchrome浏览器背景图兼容型问题的相关文章

WAP页面在手机QQ浏览器上背景图不显示

问题描述各位WAP高手帮帮忙,我做的wap页面在手机QQ浏览器上背景图不显示,在其他手机浏览器显示正常,这是什么问题导致的??? 解决方案解决方案二:引用楼主gaofei019的回复: 各位WAP高手帮帮忙,我做的wap页面在手机QQ浏览器上背景图不显示,在其他手机浏览器显示正常,这是什么问题导致的??? 应该是兼容问题~·楼主好好查查代码吧解决方案三:楼主,你说的qq浏览器是在什么手机上?如果是塞班s60的话,确实是不支持的.塞班手机上的浏览器,如:ucweb和qq,以及其他的浏览器,基本

css html-html背景图平铺浏览器问题

问题描述 html背景图平铺浏览器问题拿到ui设计的背景图,直接设置宽高100%,会导致图片变形,各位大牛有什么好的解决方法吗? 解决方案 http://www.itnose.net/detail/6110755.htmlhttp://blog.sina.com.cn/s/blog_a7b8ab2801019lh7.html 解决方案二: http://blog.csdn.net/liuliang841210/article/details/39993541

总结CSS中火狐浏览器与IE浏览器的兼容代码

总结CSS中火狐浏览器与IE浏览器的兼容代码,兼容你兼容主要是语法规范问题,你写CSS写规范了,就都兼容了,其他的就是一些浏览器的BUG了,发一些技巧给你看看,或许有用. CSS技巧 1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了.缺点是要控制内容不要换行 2.margin加倍的问题设置为float的div在ie下设置的margin会加倍.这是一个ie6都存在的bug.解决

win8系统下火狐浏览器如何修改主题背景

win8系统下火狐浏览器如何修改主题背景具体方法如下: 1.打开火狐浏览器的附加组件; 2.在附加组件页面处可看到精选主题的栏目,点击栏目名称后面的查看全部按钮; 3.点击后,进入主题选择页面,从图片上看,主题很多,自己选择; 4.鼠标移至上面可出现添加按钮; 5.添加后,此时浏览器主题安装完毕,若对主题不满意,可点击撤销按钮,还原之前主题; 6.点击管理主题后,可进入主题管理页面,对下载过的主题进行选择,或者删除. 上述教程内容就是win8系统下火狐浏览器修改主题背景的方法了,主题种类有

前端-求助，手机qq内置浏览器，javascript问题

问题描述求助,手机qq内置浏览器,javascript问题 function touchMove(event) { if(event.touches.length > 1 || event.scale && event.scale !== 1 ) return; var touch = event.targetTouches[0]; endPos = {x:touch.pageX - startPos.x,y:touch.pageY - startPos.y}; isScrolli

谷歌浏览器下，移动背景图片用了transform:translate3d会闪烁、卡顿？

问题描述谷歌浏览器下,移动背景图片用了transform:translate3d会闪烁.卡顿? 谁遇到过这样的问题吗? 丢在了自己的服务器上,哪位大神帮忙看下! 解决方案测试了没卡顿什么的,是不是你机器不行.. 解决方案二: 地址:www.24yt.com/parallax/parallax.html

解决火狐浏览器下JS setTimeout函数不兼容失效不执行的方法_javascript技巧

今天检查自己用JQuery+AJAX+PHP做的网站后台登录检测,发现登陆成功后执行页面跳转函数这段JavaScript(JS)代码特效在IE和谷歌浏览器Chrome下都可以很好地执行,兼容性还不错.结果到了火狐(FireFox)浏览器下setTimeout这个JS内置函数不执行了,无效了,也没报错!打开FireBUG指望它能检测出JS的错误,结果没用...Javascript(JS)脚本代码在各浏览器下的兼容是一个很头疼的问题,经过一番调试和搜索,终于解决了setTimeout这个JS代码在火

JS识别浏览器类型(电脑浏览器和手机浏览器)_javascript技巧

废话不多说了,直接给大家贴代码了,具体代码如下所示: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" Content="text/html;charset=UTF-8"/> <title>识别电脑浏览器和手机浏览器</title> </head> <script type="text/java

响应式-背景图随着容器的宽度的改变而自动调整大小，并始终完全显示

问题描述背景图随着容器的宽度的改变而自动调整大小,并始终完全显示插入一幅背景图像,如何让它随浏览器自动调整大小,始终保持完全显示? 解决方案用会h5的background-size:100%,IE8-不支持,要兼容ie8-思路就是父容器relative定位,放个img加载图片,absolute定位, <div style=""background-image:url(http://avatar.csdn.net/E/8/7/2_sinat_32546159.jpg);bac