修改index.template.html,加入一段js獲取瀏覽器視窗的寬高,根據瀏覽器視窗寬高修改css樣式,html, body 的height和width是百分比還是具體大小,當是具體大小時就會出現滾動條,當是百分比時就會充滿整個視窗。
具體如下:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
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 < 1100)
else
if
(winheight < 600)
else
}
window.onresize=finddimensions;
function
pageinit()
原文:
給頁面新增滾動條
1.overflow內容溢位時的設定 overflow 水平及垂直方向內容溢位時的設定 overflow x 水平方向內容溢位時的設定 overflow y 垂直方向內容溢位時的設定 上面三個屬性設定的值為visible scroll hidden auto visible 預設值,使用該值時,無論...
給div新增滾動條
使用方法 引數說明 1 overflow y 設定當物件的內容超過其指定高度時如何管理內容 overflow x 設定當物件的內容 超過其指定寬度時如何管理內容。引數 visible 擴大面積以顯示所有內容 auto 僅當內容超出限定值時新增滾動條 hidden 總是隱藏滾動條 scroll 總是顯...
給 JTextArea 新增滾動條
jframe jf new jframe container c jf.getcontentpane c.setlayout null 設定布局管理器為 null,即絕對定位 jtextarea jta new jtextarea jta.setlinewrap true 設定自動換行,自動換行則不...