lufy's legend

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 4924|回复: 4
打印 上一主题 下一主题

怎么让创建的元素在页面的最下面?(手机页面)

[复制链接]

1

主题

0

好友

11

积分

士兵

Rank: 1

跳转到指定楼层
楼主
发表于 2016-7-26 16:38:15 |只看该作者 |倒序浏览
<!doctype html>
<html>
<head>
        <meta charset="utf-8">
        <title>demo</title>
        <meta name="Robots" content="All" />
        <meta name="viewport" content="initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,width=device-width, user-scalable=no, minimal-ui">
        <meta content="yes" name="apple-mobile-web-app-capable">
        <meta content="black" name="apple-mobile-web-app-status-bar-style">
        <meta content="telephone=no, email=no" name="format-detection">
        <meta content="no" name="wap-font-scale">
    <style type="text/css" media="screen">
    *{margin:0;padding:0;}
    body{width: 100%;height: 100%;overflow: hidden;}
  </style>

</head>
<body>
<body>

    <!-- canvas -->
    <div id="rect"></div>

    <script src="http://www.chenzejiang.com/rect/js/lufylegend-1.10.0.simple.min.js" type="text/javascript"></script>
    <script type="text/javascript">
      var con_layer,over_layer,boss_rect,share_layer;
      var app = {
            fps:10,
            c_Width:640,
            background:"#374855",
            c_Height:parseInt(document.documentElement.clientHeight) * 2,
            main:function(){
                // 缩放
                if(LGlobal.canTouch){
                 LGlobal.align = LStageAlign.TOP_LEFT;
                 LGlobal.stageScale = LStageScaleMode.NO_BORDER;
                 LSystem.screen(LStage.FULL_SCREEN);
                }

              game = new LSprite();
              addChild(game);
              console.log(app.c_Height - 100);  // 860 320


              con_layer = new LSprite();
              game.addChild(con_layer);
              con_layer.graphics.drawRect(0,null, [0, 0,320,100], true,app.background);
              con_layer.y = app.c_Height - 100;
            }
          }
          // 初始化
          LInit(app.fps,"rect", 640, app.c_Height,app.main);

    </script>

</body>
</html>
1.png 2.png 3.png

我用了缩放

con_layer.y = app.c_Height - 100;  这样为什么不能兼容所有设备呢? 求各位大神指教....

在非320尺寸的页面就会出现这个问题,请问要怎么解决呢?



回复

使用道具 举报

37

主题

8

好友

9313

积分

诸侯王

Rank: 15Rank: 15Rank: 15Rank: 15Rank: 15

沙发
发表于 2016-7-26 16:45:08 |只看该作者
看文档中的解释
http://lufylegend.com/api/zh_CN/ ... #property_NO_BORDER
NO_BORDER是不变形进行裁剪
不回答与技术和引擎不相关的问题
回复

使用道具 举报

1

主题

0

好友

11

积分

士兵

Rank: 1

板凳
发表于 2016-7-26 22:09:02 |只看该作者
lufy 发表于 2016-7-26 16:45
看文档中的解释
http://lufylegend.com/api/zh_CN/out/classes/LStageScaleMode.html#property_NO_BORDER
N ...

可以设置每个层的缩放方式 不一样吗。。。
或者怎么获取NO_BORDER裁剪的那个距离。。。
回复

使用道具 举报

46

主题

3

好友

1866

积分

偏将军

Rank: 4

地板
发表于 2016-7-26 23:08:22 |只看该作者
web 发表于 2016-7-26 22:09
可以设置每个层的缩放方式 不一样吗。。。
或者怎么获取NO_BORDER裁剪的那个距离。。。 ...

你可以使用其他的拉伸模式,比如SHOW_ALL
回复

使用道具 举报

37

主题

8

好友

9313

积分

诸侯王

Rank: 15Rank: 15Rank: 15Rank: 15Rank: 15

5#
发表于 2016-7-27 10:06:41 |只看该作者
web 发表于 2016-7-26 22:09
可以设置每个层的缩放方式 不一样吗。。。
或者怎么获取NO_BORDER裁剪的那个距离。。。 ...

http://lufylegend.com/demo/test/136.html
照着这个demo做吧
无论手机屏幕什么样,黑色方块都会出现在右下角
不回答与技术和引擎不相关的问题
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

防止垃圾广告,请填写任意字符

Archiver|lufy's legend

GMT+8, 2024-5-20 06:41 , Processed in 0.053528 second(s), 24 queries .

Powered by Discuz! X2.5

© 2001-2012 Comsenz Inc.

回顶部