移动设备 h5屏幕适配
2015-08-20 09:53
579 查看
<meta name="HandheldFriendly" content="true"> <meta name="MobileOptimized" content="320"> <meta name="viewport" content="width=device-width,initial-scale=1.0,maxinum-scale=1.0,minimum-scale=1.0"> <style> html { -webkit-text-size-adjust: none; } </style>
<script> var metas = document.getElementsByTagName('meta'); var i; if(navigator.userAgent.match(/iPhone/i)){ for(i=0;i<metas.length;i++){ if(metas[i].name=='viewport'){ metas[i].content="width=device-width,minimum-scale=1.0,maximum-scale=1.0"; } } document.addEventListener("gesturestart",gestureStart,false); } function gestureStart(){ for(i=0;i<metas.length;i++){ if(metas[i].name=='viewport'){ metas[i].content="width=device-width,minimum-scale=0.25,maximum-scale=1.6"; } } } </script>
相关文章推荐
- HTML5---Canvas-画线,空心图,矩形,文字,三角形,旋转图片
- 后台模版第二季,真正好用漂亮,HTML5+CSS3搭建,下载即用,无需二次编写。
- HTML5----video ,audio常规操作
- HTML5标签
- H5上传图片
- HTML5 学习记录——1
- HTML5 boilerplate 笔记(转)
- HTML5+ 打开关闭侧滑窗口
- Chrome/Chromium HTML5 video 视频播放硬件加速
- html5+css3 权威指南阅读笔记(三)---表单及其他新增和改良元素
- 普元日记---HTML5底部遮罩层
- 《HTML5 Canvas核心技术——图形、动画与游戏开发》第三章要点汇总
- html5离线缓存--manifest
- HTML5 随手记(4)
- web socket and web worker 基础原理及使用
- HTML5 cavans的使用
- html5 history解析
- html5+css3(二)
- 有关html5的特性(一)
- HTML5 LocalStorage 本地存储