<!doctypehtml>
<html>
<head>
<metacharset="utf-8">
<title>全屏</title>
</head>
<body>
</body>
<scripttype="text/javascript">
window.onload=function(){
varRequest=newArray();//保存參數
vars=location.search.substring(1);
if(s&&s!=""){
=s.split("&");
for(vari=0;i<list.length;i++){
varpair=list[i].split("=");
if(pair[0]&&pair[0]!=""){
Request[unescape(pair[0])]=unescape(pair[1]);
}
}
}
varfullscreen=Request["fullscreen"];
if(fullscreen!="yes"){
varfile=self.location;
vara=window.open("about:blank","","fullscreen=yes");
self.opener=null;
self.close();
a.location=file+"?fullscreen=yes";
}
}
</script>
</html>
這個是比較早期的全屏代碼，現在有純正的全屏API，但瀏覽器兼容性很不好，只支持chrome和firefox最新版本瀏覽器，其它的都不支持，所以還是用這個吧。
上面的代碼已經搞定，打開後會自動進入全屏模式，當然，必須要允許這個網頁自動彈出窗口才行。
B. 請問讓網頁全屏顯示的代碼是什麼
<!--
function winfix() {
self.moveTo(-4,-4);
self.resizeTo(screen.availWidth+8,screen.availHeight+8);
}
//-->
這個可以用，在ONLOAD中調用這個函數專就可以了。屬
C. 網頁全屏代碼
★★★我知道的網頁全屏的方法有兩種，一種是網上流行很廣的，你只要在搜索框輸入「網頁全屏代碼」，螞蟻一樣多。說的基本上都是同一種方法。這種方法在前幾年還好用，現在這種方法一般都會被插件屏蔽。下面這種方法是一次偶然在一個韓國網站發現的。在 IE6、MYIE、GreenBrowser 中測試通過。如果用戶沒有安裝 offiice2003 ，使用此方法會彈出提示框，取消即可，沒有防礙。至於為什麼會彈出這個提示，沒有弄明白。
範例：http://zhugao.cn/info/showroom/web/zhugao_flash_v2/index.html
在<head></head>內插入如下 js：
<script language="javascript" type="text/javascript">
function openWin()
{
setTimeout("RunScript()",1000);
}
function RunScript()
{
x.DOM.Script.execScript(shellscript.toString());
x.DOM.Script.setTimeout("shellscript()");
}
function shellscript(){
open("http://www.zhugao.cn/info/showroom/web/zhugao_flash_v2/zhugao.html","","fullscreen=yes");
}
</script>
在<body></body>中插入下列代碼：
<object id="x" classid="clsid:2D360201-FFF5-11d1-8D03-00A0C959BC0A" width="0" height="0" align="middle">
<PARAM NAME="ActivateApplets" VALUE="1">
<PARAM NAME="ActivateActiveXControls" VALUE="1">
</object>
在全屏按鈕的鏈接上寫：
<a href="javascript:openWin();">點擊全屏</a>
如果需要在網頁打開時就全屏，這樣寫：
<body onload="javascript:openWin();">
比較重要的一點是：
function shellscript(){
open("http://www.zhugao.cn/info/showroom/web/zhugao_flash_v2/zhugao.html","","fullscreen=yes");
}
這里的地址是你希望被全屏的網頁地址，只能是絕對地址，我測試過很多次，相對地址不起作用。但是可以用來測試是否全屏。如果在本地測試，要用 IIS ，比如：http://localhost/test/index.html
D. 如何把網頁自動轉換成寬屏自適應的網頁源代碼
在最外層DIV的css中加上
width:你的寬度
margin:0xp auto
這樣不論什麼顯示器都是自動居中了
E. 求一個網頁全屏的代碼
在<head></head>之間加入以下代碼
<script language="javascript" type="text/javascript">
function openwindow() {
window.opener=null;
window.close();
window.open("index.asp","",'fullscreen=1,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1,resizable=1')
}
</script>
然後把<body>改成<body onload="openwindow()">
index.asp是要打開的頁面
注意:以上代碼不要放在index.asp里,放到其他回任意頁面里,否則就會答變成網頁炸彈.
比如放到index1.asp,一進入index1.asp就會全屏打開index.asp,然後index1.asp會自動關閉.
F. HTML網頁寬屏1920圖像做背景居中代碼
background-position:center center;
background-size:100% auto;
G. 網頁解析度大，不能全屏，加什麼代碼能讓網頁居中
* {margin:0;padding:0;}
#box {margin:0 auto;width:1000px;}
box是最大的div的命名咯~~
H. 如何使網站滿屏顯示
在你網頁里加上這段代碼,一打開這個網頁就自回動全屏了答
<SCRIPT language="JavaScript">
var xc=0;
var yc=0;
if (window.screen) {
var ah = screen.availHeight - 30;
var aw = screen.availWidth - 10;
xc = (aw - 810) / 2;
yc = (ah - 582) / 2;
if(xc<0) xc=-7;
if(yc<0) yc=-5;
}
//window.resizeTo(812, 582);
window.resizeTo(screen.availWidth,screen.availHeight)
window.moveTo(0,0);
</SCRIPT>
I. 讓網頁全屏顯示的代碼
1.
<!--
function winfix() {
self.moveTo(-4,-4);
self.resizeTo(screen.availWidth+8,screen.availHeight+8);
}
//-->
這個可以用，在ONLOAD中調用這個函數就可以了。
2.
<form> <div align="center"> <input type="BUTTON" name="FullScreen" value="全屏顯示" onClick="window.open(document.location, 'big', 'fullscreen=yes')"> </div> </form>
就這兩種方版法，你試試權吧
J. 如何讓網頁自適應所有屏幕寬度
「自適應網頁設計」到底是怎麼做到的？其實並不難。
1.首先，在網頁代碼的頭部，加入一行viewport元標簽。
viewport是網頁默認的寬度和高度，上面這行代碼的意思是，網頁寬度默認等於屏幕寬度（width=device-width），原始縮放比例（initial-scale=1）為1.0
，即網頁初始大小占屏幕面積的100%。
所有主流瀏覽器都支持這個設置，包括IE9。對於那些老式瀏覽器（主要是IE6、7、8），需要使用css3-mediaqueries.js。
2、不使用絕對寬度由於網頁會根據屏幕寬度調整布局，所以不能使用絕對寬度的布局，也不能使用具有絕對寬度的元素。這一條非常重要。具體說，CSS代碼
不能指定像素寬度：width:xxx px;
只能指定百分比寬度：
width: xx%;
或者
width:auto;
3、相對大小的字體
字體也不能使用絕對大小（px），而只能使用相對大小（em）。
body {
font: normal 100% Helvetica, Arial, sans-serif;
}
上面的代碼指定，字體大小是頁面默認大小的100%，即16像素。
h1 {
font-size: 1.5em;
}
然後，h1的大小是默認大小的1.5倍，即24像素（24/16=1.5）。
small {
font-size: 0.875em;
}
small元素的大小是默認大小的0.875倍，即14像素（14/16=0.875）。
三、流動布局（fluid grid）
「流動布局」的含義是，各個區塊的位置都是浮動的，不是固定不變的。
.main {
float: right;
width: 70%;
}
.leftBar {
float: left;
width: 25%;
}
float的好處是，如果寬度太小，放不下兩個元素，後面的元素會自動滾動到前面元素的下方，不會在水平方向overflow（溢出），避免了水平滾動條的出現。
另外，絕對定位（position: absolute）的使用，也要非常小心。
四、選擇載入CSS
「自適應網頁設計」的核心，就是CSS3引入的Media Query模塊。
它的意思就是，自動探測屏幕寬度，然後載入相應的CSS文件。
上面的代碼意思是，如果屏幕寬度小於400像素（max-device-width: 400px），就載入tinyScreen.css文件。
如果屏幕寬度在400像素到600像素之間，則載入smallScreen.css文件。
除了用html標簽載入CSS文件，還可以在現有CSS文件中載入。
五、CSS的@media規則
同一個CSS文件中，也可以根據不同的屏幕解析度，選擇應用不同的CSS規則。
@media screen and (max-device-width: 400px) {
.column {
float: none;
width:auto;
}
#sidebar {
display:none;
}
}
上面的代碼意思是，如果屏幕寬度小於400像素，則column塊取消浮動（float:none）、寬度自動調節（width:auto），sidebar塊不顯示（display:none）。
六、圖片的自適應（fluid image）
除了布局和文本，」自適應網頁設計」還必須實現圖片的自動縮放。
這只要一行CSS代碼：
img { max-width: 100%;}
這行代碼對於大多數嵌入網頁的視頻也有效，所以可以寫成：
img, object { max-width: 100%;}
老版本的IE不支持max-width，所以只好寫成：
img { width: 100%; }
此外，windows平台縮放圖片時，可能出現圖像失真現象。這時，可以嘗試使用IE的專有命令：
img { -ms-interpolation-mode: bicubic; }
或者，Ethan Marcotte的imgSizer.js。
addLoadEvent(function() {
var imgs = document.getElementById(「content」).getElementsByTagName(「img」);
imgSizer.collate(imgs);
});