解決flex4 解析度自適應問題

2021-09-06 13:19:49 字數 1795 閱讀 9680

width="100%" height="100%"

minwidth="1280" minheight="720">

這樣確實可以全屏,但是當螢幕縮放到小於1280*720時,瀏覽器並不會自動新增滾動條,所以網頁超出螢幕大小的內容就看不到了。

為了解決不出現滾動條,在網上找到了答案,並成功解決

螢幕小於height和width時出現滾動條。

但是,這種方法可以實現滾動條,但是必須是設定height和width的固定大小,也就是說當我的螢幕大於這個設定的固定大小時,瀏覽器重顯示的網頁也只有width*height大,會出現空白區域,所以還是不能滿足自適應的要求。

最終的解決方案是:

在index.template.html檔案(位於flex專案檔案中的html-template資料夾下)中新增js指令碼,實現讀取當前螢幕大小,判斷獲取的螢幕width小於1280px時width取1280px,當大於時,width去獲取的螢幕width,height的設定方法也是這樣。

檢視文字列印?

var winwidth = 0;  

var winheight = 0;

function

finddimensions()

else

if ((document.body) &&(document.body.clientwidth))

if(window.innerheight)

else

if ((document.body) &&(document.body.clientheight))

//通過深入document內部對body進行檢測,獲取視窗大小

if (document.documentelement && document.documentelement.clientheight &&document.documentelement.clientwidth)

var csssize = document.stylesheets[0].rules||document.stylesheets[0].cssrules;

if(winwidth < 1280)

else

if(winheight < 720)

else

} window.onresize=finddimensions;

function

pageinit()

width="100%" height="100%"
這樣即可實現自適應的同時設定網頁的最小width和height。

在ie8中,「開發人員工具」中「指令碼」中就可以看到這個index.template.html檔案了,所以flex網頁最終也是以html形式存在,flex生成的swf網頁只是html中的乙個object

為了確保萬無一失,我將index.template.html中object的width和height都設成100%。

WPF窗體自適應解析度

使用wpf建立乙個窗體 window 時,如果設定了固定的高度 height 和寬度 width 一旦使用者的電腦解析度過低,就會使得窗體及其中的內容無法完整地顯示出來。要解決這個這個問題,有以下幾個方法可供參考 viewbox如下 window x class xmlns xmlns x titl...

NGUI UI自適應解析度 手遊

首先介紹 本人菜鳥的環境配置 ngui 3.5.8 unity 3d 4.3 首先 建立乙個空的 工程之後 選擇ui root uiroot script scaling style選擇fixedsize 然後在uiroot下面建立乙個空gameobject 選中這個物件 新增乙個uianchor ...

Android 多解析度自適應總結

一 一般基本原則以及總結 1 xml布局中不要寫死,既單位不要用px,盡量用dp,或者match warp 2 應該盡量把資源設計成可以拉伸的.9圖,如果有漸變,盡量橫向或豎向單方向漸變,這樣能大大減小安裝包大小,同時也能提高處理速度。3 如果不想設計多套,那就設計最大的那套。壓縮總比拉伸好,放在d...