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...