導航:首頁 > 萬維百科 > 設計全屏網頁瀏覽器可視區域

設計全屏網頁瀏覽器可視區域

 發布時間：2020-10-05 18:14:56

1、網頁如何調整成全屏？

1、首先將一個網頁點擊打開，這里以百度網頁為例。

2、打開了之後，在瀏覽器右上角有三條橫線的圖標，點擊這個圖標。

3、點擊了之後，這時候就會彈出一個下拉菜單，在這個菜單欄裡面點擊全屏。

4、點擊了之後，這時候網頁就調整成全屏模式了。同樣如果需要退出全屏，按鍵盤上的F11鍵即可。

2、css中如何讓網頁全屏顯示

讓頁面在不同解析度下都全屏顯示，完整代碼參考如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>實現兩邊固定寬度,中間自適應寬度-</title> 
<style> 
body{ margin:0; padding:10px;} 
#head{ margin-bottom:10px; height:50px; background-color:#999999} 
#main{} 
#left{ width:200px; float:left;margin-right:-200px; background-color:#FF9900} 
#mid{ width:auto;background:#00FF00;margin:0 220px;border:1px solid #000;} 
#right{ width:200px;margin-left:-200px; float:right; background-color:#CCCC00} 
#foot{ margin-top:10px; clear:both; height:50px; background-color:#CCCCCC} 
 
</style> 
</head> 
 
<body> 
<div id="head">我是頭部</div> 
<div id="main"> 
<div id="left">我是左邊,寬:200px</div> 
<div id="right">我是右邊,寬:200px</div> 
<div id="mid">我是中間,寬自適應</div> 
</div> 
<div id="foot">我是底部</div> 
</body> 
</html>

3、css怎麼讓網頁各屏背景全屏顯示

css讓網頁各屏背景全屏顯示，首先需要理解就是瀏覽器展示區域，其實就是body這個部分，想要讓背景全屏的話，需要用到css的background這個屬性，在選擇好背景的圖片就可以了，具體看下代碼：
<html>
<head>
<style>
body{
background:url('圖片地址')repeat 0px 0px;
}
</style>
</head>
<body>
<p>我是測試文字</p>
</body>
</html>

與設計全屏網頁瀏覽器可視區域相關的知識