lufy's legend

标题: 关于fullscreen以后 下面总会有空白间隔 [打印本页]

作者: gscling    时间: 2017-9-27 17:02
标题: 关于fullscreen以后 下面总会有空白间隔
关于fullscreen以后 下面总会有空白间隔,高度大概8个像素左右,手机上也是
我把 Margin padding 0也不行,麻烦老大给指点一下 空白间隔
TIM图片20170927170432.png

作者: lufy    时间: 2017-9-27 17:09
手机上也是?你试试官网上的几个demo,比如 http://lufylegend.com/demo/RunningGirl/
作者: gscling    时间: 2017-9-27 18:28
也是这样 ,发现 container 的div 会比  canvas 的高度 高 几个像素
作者: gscling    时间: 2017-9-27 18:30
TIM图片20170927182806.png

作者: gscling    时间: 2017-9-27 18:33
container canvas

作者: gscling    时间: 2017-9-27 18:33
5个像素
作者: lufy    时间: 2017-9-27 22:11
gscling 发表于 2017-9-27 18:33
5个像素

那你试一下,加上这个css设定试一下
  1. <style type="text/css">  
  2. div{font-size:0;}
  3. </style>
复制代码

作者: jella    时间: 2017-10-16 12:37
一般浏览器都有自己的style设置规范。你可以在你的主css样式表中加入*{margin:0px, padding:0px, border:0px}; 就可以了。如果你还不放心,你把body的样式表也加上 body{margin:0px, padding:0px} . 因为你的这个div和canvas即使设置了全部为0也没有用,关键在于你的页面整体的布局是不是设置了。一般做网页项目都会在css头文件上加上*{}这句。
作者: stayhere    时间: 2017-10-16 16:02
lufy 发表于 2017-9-27 22:11
那你试一下,加上这个css设定试一下

在第一行加入
  1. function main(){
  2.         $("#legend div").css({"width":"100%","height":"100%","overflow":"hidden"});
  3. }
复制代码

作者: gscling    时间: 2017-11-3 09:33
stayhere 发表于 2017-10-16 16:02
在第一行加入

这个是正解,谢谢啊
作者: gscling    时间: 2017-11-3 09:36
lufy 发表于 2017-9-27 22:11
那你试一下,加上这个css设定试一下

我试了 可以  这个细节还是第一次遇到
作者: gscling    时间: 2017-11-3 09:49
给老大赞一个,一直在维护解答 ,希望框架越来越好




欢迎光临 lufy's legend (http://lufylegend.com/forum/) Powered by Discuz! X2.5