用bootstrap框架画的html页面 在android上用webview横屏显示出来 上方有明显的空白是啥原因

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了用bootstrap框架画的html页面 在android上用webview横屏显示出来 上方有明显的空白是啥原因相关的知识,希望对你有一定的参考价值。

我的代码

参考技术A bodymargin:0;padding:0
仔细看了一下,如果不行的话就给最外层的div加个style="margin-top:-200px;",再不行就-300px;肯定能调上去

bootstrap里面怎么用jquery

正常使用就行了啊。bootstrap本来就是基于jquery的。你到官网下载bootstrap
,里面自然有jquery的引用。页面使用的时候先引入bootstrap的css,再引入jquery再引入bootstrap的js,注意顺序。
参考技术A

bootstrap是html框架与jquery不冲突,可以直接在静态页中直接引用在head标签中引用jquery地址,在html中写入jquery代码就可以了。

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="renderer" content="webkit">
<title></title>
<script src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
    $(document).ready(function()
        alert("111");
    );
</script>
</head>
<body>
</body>
</html>

参考技术B bootstrap插件里面自带了jquery.js文件,只需要引用即可。
引用方法:<script src="jquery插件.js" />
参考技术C

bootstrap是一个框架,里面有很多组件,使用方法也有。

引入JQ直接写你要的代码就可以了,没有什么花样。


例:
$(function()
    alert(1);
);

参考技术D boostrap包含他自己的css、js。
如果你要用boostrap , 那么要先引用jquery。
在使用时可参照手册 , 直接写类名在标签中 , 样式及效果已经在boostrap的css及js中写好了 。 : )

以上是关于用bootstrap框架画的html页面 在android上用webview横屏显示出来 上方有明显的空白是啥原因的主要内容,如果未能解决你的问题,请参考以下文章

bootstrap框架怎么在html页面加载使用

怎么用bootstrap做一个后台管理界面

BootStrap框架---1.页面排版

记一次Bootstrap框架下 使用Ajax失效的问题

bootstrap table怎么用

bootstrap里面怎么用jquery