移动端的兼容性
来源:互联网 发布:ios文件上传java 接口 编辑:程序博客网 时间:2024/05/17 22:42
PC机与移动端的分辨率不同,导致页面或视频会出现拉长的情况,针对移动端的兼容性问题,可尝试将以下代码加到网页中[html] view plaincopy
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
- <meta charset="utf-8">
- <meta name="format-detection" content="telephone=no">
- <meta name="apple-mobile-web-app-capable" content="yes">
- <meta name="apple-mobile-web-app-status-bar-style" content="black">
- <meta http-equiv="Pragma" content="no-cache">
- <meta http-equiv="Expires" content="-1">
- <!--移动端版本兼容 -->
- <script type="text/javascript">
- var phoneWidth = parseInt(window.screen.width);
- var phoneScale = phoneWidth / 640;
- var ua = navigator.userAgent;
- if (/Android (\d+\.\d+)/.test(ua)) {
- var version = parseFloat(RegExp.$1);
- if (version > 2.3) {
- document.write('<meta name="viewport" content="width=640, minimum-scale = ' + phoneScale + ', maximum-scale = ' + phoneScale + ', target-densitydpi=device-dpi">');
- } else {
- document.write('<meta name="viewport" content="width=640, target-densitydpi=device-dpi">');
- }
- } else {
- document.write('<meta name="viewport" content="width=640, user-scalable=no, target-densitydpi=device-dpi">');
- }
- </script>
- <meta name="viewport" content="width=640, user-scalable=no, target-densitydpi=device-dpi">
- <!--移动端版本兼容 end -->
0 0
- 移动端的兼容性
- 移动端的兼容性
- 一些移动端浏览器的兼容性Bug
- 一些移动端浏览器的兼容性Bug
- 移动端兼容性浅析
- 移动端兼容性
- 移动端兼容性
- 移动端兼容性
- IE和移动端兼容性
- 移动端开发兼容性总结
- 移动端不兼容性整理
- 移动端兼容性相关文章
- 移动端兼容性处理方案
- 如何进行移动网站的兼容性优化
- 兼容性与移动端知识小结
- HTML5在Android IOS等移动平台上的兼容性
- 移动端关于select最佳兼容性解决方案(css)
- 移动端关于select最佳兼容性解决方案(css)
- javascript闭包啊
- C++矩阵类&操作符重载
- Android 使用 URL 和 AsyncTask 加载网络数据
- Android电源管理(转)
- PAT 数素数 C语言版本
- 移动端的兼容性
- 类模板
- 八皇后问题 回溯
- Android中将布局文件/View添加至窗口过程分析 ---- 从setContentView()谈起
- struts2 自定义标签实例
- 最大公约数
- 交叉编译OpenCV2.2.0及移植到Tiny210
- canvas标签结合javascript做出动态时钟效果
- Myeclipse8.0 破解