LayaBox解決螢幕適配黑邊問題

2021-09-25 13:47:45 字數 721 閱讀 8961

修改螢幕顯示模式為:

laya.stage.scalemode = laya.stage.scale_showall
新增一張背景遮擋黑邊:

var img = document.createelement("img");

img.style.position = "absolute";

img.id = "qr_code_img";

img.src = "ui/icon/gamebg2.png";

img.style.width = document.documentelement.clientwidth + "px";

img.style.height = document.documentelement.clientheight + "px";

img.style.left = "0%";

img.style.top = "0%";

img.style.zindex = "-1";//設定層級為最底層

這樣黑邊就會被擋住,注意不要新增到laya.stage中去,否則會被laya裁剪掉仍然顯示黑邊.

效果如下:

laya初始化解析度:900 x 1600,手機解析度:1080 x 2160

正比適配,留黑邊

var ratio number designw designh var sx number stagewidth designw var sy number stageheight designh var scale number math.min sx,sy 取min所有內容一定顯示在舞台內,取...

移動端螢幕適配的解決

隨著手機硬體配置的飛速增長 螢幕尺寸的越來越大和網路頻寬的逐漸提公升,越來越多的pc業務和服務在向移動端轉移。然而在這移動端的時代,為了處理各終端螢幕的適配,是否亂了手腳呢?meta之viewport,其主要用來告訴瀏覽器如何規範的渲染web頁面,而你則需要告訴它視窗有多大。在開發移動端頁面,我們需...

Android多螢幕適配解決方案

一 重要概念 詳見 1 螢幕尺寸 解析度 畫素密度 大小單位 mdpi hdpi xdpi xxdpi用來修飾drawable和values資料夾,用來區分不同畫素密度下的和dimen的值。二 解決方案 1 使用wrap content match parent weight,著重講解linearl...