- 发布：2020-04-26 11:56
- 更新：2020-05-20 09:21
- 阅读：1643
uniapp 打包生成的H5嵌入在IOS app中,而IOS App 使用的是WKWebView,造成我的导航栏头部遮挡,并且页面占用不到满屏
v***@gmail.com (作者) - 九月
有这个属性
-
-
我现在是新建了一个html文件，meta现在是这样的<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">，但是好像没有效果
2020-05-13 14:18
-
v***@gmail.com (作者) - 九月
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<title>
</title>
<script>
var UA = window.navigator.userAgent.toLowerCase();
var isAndroid = UA.indexOf('android') > 0;
var isIOS = /iphone|ipad|ipod|ios/.test(UA);
if (!(isAndroid || isIOS)) {
// 正式发布的时候使用，开发期间不启用。
// window.location.href = '/demo/news/website/pcguide.html';
}
</script>
<script>
document.addEventListener('DOMContentLoaded', function() {
document.documentElement.style.fontSize = document.documentElement.clientWidth / 20 + 'px'
})
</script>
<link rel="stylesheet" href="<%= BASE_URL %>static/index.css" />
</head>
<body>
<!-- 该文件为 H5 平台的模板 HTML，并非应用入口，请勿直接运行此文件。 -->
<!-- 详见文档：https://uniapp.dcloud.io/collocation/manifest?id=h5-template -->
<noscript>
<strong>Please enable JavaScript to continue.</strong>
</noscript>
<div id="app"></div>
</body> </html>
v***@gmail.com (作者)
打包生成的H5 meta里面是有这个属性的
2020-04-26 13:53
DCloud_UNI_GSQ
回复 v***@gmail.com: 你自己加的吗？
2020-04-26 14:30
v***@gmail.com (作者)
回复 DCloud_UNI_GSQ: 不是的,打包自动生成的
2020-04-26 14:52
DCloud_UNI_GSQ
回复 v***@gmail.com: 你的h5地址发我看看
2020-04-26 15:00
v***@gmail.com (作者)
回复 DCloud_UNI_GSQ: http://test-mall-h5.sijibang.club:58000/
2020-04-26 15:07
v***@gmail.com (作者)
回复 DCloud_UNI_GSQ: 好啦 我这边可以啦
2020-04-26 15:38
DCloud_UNI_GSQ
回复 v***@gmail.com: 你是说问题已经解决了吗？
2020-04-26 15:45
v***@gmail.com (作者)
回复 DCloud_UNI_GSQ: 是的,把viewport-fit=cover去掉就可以啦
2020-04-27 08:57
DCloud_UNI_GSQ
不要去掉，我帮你查看一下，联系方式已经私信你。
2020-04-27 12:29