<meta name="viewport" content="width=device-width, initial-scale=1" />

今天第一次用JQuery Mobile做了个3个手机小页面,一个登陆页面、一个列表页面和一个表单页面,页面中的组件呈现一切正常。

但出现了一个奇怪的问题,登陆页面大小正常,到了列表页面和表单页面就显得非常小,对比各种CSS样式,完全没问题。

花了1个小时中发现,原来在页面head中少了一句话

<meta name="viewport" content="width=device-width, initial-scale=1" />

这句话其实在官方指导文章上貌似也看过是很重要的,奈何刚使用,还是给遗漏了

原文地址:https://www.cnblogs.com/upshania/p/4281211.html