<meta name="viewport" content="width=device-width, initial-scale=1" />
2015-02-09 12:33
513 查看
今天第一次用JQuery Mobile做了个3个手机小页面，一个登陆页面、一个列表页面和一个表单页面，页面中的组件呈现一切正常。
但出现了一个奇怪的问题，登陆页面大小正常，到了列表页面和表单页面就显得非常小，对比各种CSS样式，完全没问题。
花了1个小时中发现，原来在页面head中少了一句话
<meta name="viewport" content="width=device-width, initial-scale=1" />
这句话其实在官方指导文章上貌似也看过是很重要的，奈何刚使用，还是给遗漏了
但出现了一个奇怪的问题，登陆页面大小正常，到了列表页面和表单页面就显得非常小，对比各种CSS样式，完全没问题。
花了1个小时中发现，原来在页面head中少了一句话
<meta name="viewport" content="width=device-width, initial-scale=1" />
这句话其实在官方指导文章上貌似也看过是很重要的，奈何刚使用，还是给遗漏了
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- <meta name="viewport" content="width=device-width, initial-scale=1"> 作用
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">用处
- [HTML] <meta name="viewport" content="width=device-width,initial-scale=1.0">释义
- <meta name="viewport" content="width=device-width, initial-scale=1.0>
- 关于 <meta name="viewport" content="width=device-width, initial-scale=1.0">的解释
- <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
- html5 viewport-关于<meta name="viewport" content="width=device-width, initial-scale=1.0">的解释
- <meta name="viewport" content="width=device-width,initial-scale=1.0">
- <meta name="viewport" content="width=device-width,initial-scale=1>
- <meta name="viewport" content="width=device-width,initial-scale=1.0">是含义
- <meta name="viewport" content="width=device-width, initial-scale=1.0">的说明
- <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale
- <meta name="viewport" content="width=device-width, maximum-scale=1.0, initial-scale=1.0, user-sc
- <meta name="viewport" content="width=device-width,initial-scale=1.0"
- <meta name="viewport" content="width=device-width, maximum-scale=1.0, initial-scale=1.0, user-sc
- <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scal
- <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0"/>
- <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0"/>含义