jquery mobile 解决切换页面时，闪屏，白屏等问题

最新推荐文章于 2024-07-26 03:34:32 发布

gawen_yu

最新推荐文章于 2024-07-26 03:34:32 发布

阅读量3.2k

点赞数

分类专栏：页面常用文章标签： jquery mobile 手机标签

本文链接：https://blog.csdn.net/lazyyusky/article/details/38419131

版权

页面常用专栏收录该内容

11 篇文章 0 订阅

订阅专栏

如果没有在meta标签内定义user-scalable属性的话，页面切换的时候，在手机端会出现闪屏或者白屏的情况。

所以需要在每个页面的meta标签内定义user-scalable的属性为 no ，代码：

<!DOCTYPE html>
<html><head>
 <meta charset="utf-8">
 <title>吾家首页</title>
 <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
</head>
<body>
<a href="a.html" data-role="button">转跳按钮</a>
</body>
</html>

设置 user-scalable=no 后在手机端上就不会出现白屏、闪屏等。等于no时，是禁止缩放。