移动端手动控制页面高度

Posted 晒太阳的小芒果

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了移动端手动控制页面高度相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<meta name="format-detection" content="telephone=no"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<link rel="stylesheet" href="../css/reset.css"/>
<link rel="stylesheet" href="../css/style.css"/>
<title>安心保</title>
</head>
<body>
<div class="bg_container">
<a class="btn_join" href="input.html">我要加入安心计划</a>
</div>
<script src="../js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="../js/adaptational.js"></script>



<script>
$(function(){
var h=$(window).height();
$(".bg_container").css("height",h);
})
</script>

</body>
</html>

以上是关于移动端手动控制页面高度的主要内容,如果未能解决你的问题,请参考以下文章

页面高度自适应方法(PC移动端都适用)

vue移动端高度自适应 100vh不够

前端移动端rem页面怎么写js代码怎么写

使用rem设计移动端自适应页面一(转载)

移动端页面-调起键盘样式被挤压的问题

移动端开发HTML5(H5)采用SwiperJS单屏垂直滑动页面中,某页内容高度超出屏幕高度解决办法