FLEXはページにスクロールバーを追加して構想とコードを実現します。
1591 ワード
index.templatesを修正して、jsを参加してブラウザのウィンドウの幅の高さを取得して、ブラウザのウィンドウの幅の高さによってcssスタイルを変更して、html、body{height:100%width:100%;のheightとwidthはパーセンテージですか?それとも具体的なサイズですか?具体的には以下のようになります。1.以下のjsコードを追加する
var winWidth = 0;
var winHeight = 0;
function findDimensions()
{
//
if (window.innerWidth)
{
winWidth = window.innerWidth;
}
else if ((document.body) && (document.body.clientWidth))
{
winWidth = document.body.clientWidth; //
}
if (window.innerHeight)
{
winHeight = window.innerHeight;
}
else if ((document.body) && (document.body.clientHeight))
{
winHeight = document.body.clientHeight;
}
// Document body ,
if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth)
{
winHeight = document.documentElement.clientHeight;
winWidth = document.documentElement.clientWidth;
}
var cssSize = document.styleSheets[0].rules||document.styleSheets[0].cssRules;
if(winWidth < 1100)
{
cssSize[0].style.width = "1100px";
}
else
{
cssSize[0].style.width = "100%";
}
if(winHeight < 600)
{
cssSize[0].style.height = "600px";
}
else
{
cssSize[0].style.height = "100%";
}
}
window.onresize=findDimensions;
function pageInit() {
// ,
findDimensions();
}