-
随风2018-05-18 00:00
- 11
- 39
- 0
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>测试</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0,user-scalable=0" />
<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
</head>
<body>
<style>
body{ background-image: linear-gradient(#0e142c, #141f3d); }
html,body,#main{ min-height: 100%; }
</style>
<div id="main"></div>
<script>
initViewport();
function initViewport(){
var idaelViewport = window.screen ? window.screen.width: $(window).width();
var visualViewport = 375;
var zoomView = idaelViewport / visualViewport;
$('meta[name="viewport"]').attr("content",
"user-scalable=no,width=" + visualViewport + ",initial-scale=" + zoomView + ", minimum-scale=" + zoomView + ", maximum-scale=" + zoomView + ",viewport-fit=cover"
);
};
</script>
</body>
</html>如上代码 为什么给body 加渐变色 或者添加背景图片时 ios plus 底部会有一条白色的线 安卓的没有 要怎么解决
0
打赏
收藏
点击回答
您的回答被采纳后将获得：提问者悬赏的 11 元积分
- 共 0 条
- 全部回答
-
落花笑彷徨ㄟ 普通会员 1楼
在H5开发中，为适应iOS Plus底部的白线，可以使用CSS的
overflow-y属性和overflow-x属性。当内容溢出时，页面底部会出现白线。在iOS上，可以使用以下CSS代码：
```css body { margin: 0; padding: 0; }
.container { width: 100%; height: 100%; overflow-y: auto; }
```
在Android上，可以使用以下CSS代码：
```css body { margin: 0; padding: 0; }
.container { width: 100%; height: 100%; overflow-x: auto; } ```
这段代码会在页面底部设置一个自适应的容器，当内容溢出时，页面底部会出现白线。
更多回答
网站公告
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部