生活全書館網頁寬度怎麼設定
- IT科技
- 關注：4.83K次
1、首先開啟一篇文件，在功能區選擇”佈局“。 2、在佈局的頁面設定功能區，點選頁面設定右下角的小按鈕開啟詳細設定。頁面設定裡面有設定紙張大小的快捷設定，但是功能不全。 3、這個紙張大小的高度和寬度就是頁面高度和寬度。 4、視窗下方還有將
網頁的白色背景太白太亮太刺眼，怎麼辦，可以換一款自己喜歡的面板。下面以360瀏覽器為例
方法
開啟360瀏覽器，在首頁左上角點選換膚
div+css設定網頁固定寬度且居中，首先需要確切的知道你要的網頁固定寬度是多少，網頁固定寬度，其實也就是對於body的寬度的，通過css去給寬度就行，然後在給一個margin就能實現居中，margin的用法如圖: 具體的看下程式碼： body{ width:960px;
開啟換膚後，就可以選擇自己喜歡的面板了
網頁裡面的寬度是可以用百分比決定的，可以設定這個容器的寬度佔螢幕寬度的百分之多少，但是因為百分比的寬度是要有參考物件的，所以在設定百分比的寬度時，要先設定body的寬度為100%。 照你的要求:一屏分為兩欄顯示，那麼用兩個DIV來做，一個DI
擴充套件閱讀，以下內容您可能還感興趣。
怎麼設定頁面大小?
關於設定頁面大小，可以在頁面佈局-紙張大小，選擇頁面的大小，也可以通過“其他頁面大小”來自定義頁面大小。
來自：求助得到的回答網頁一般設定尺寸是多大呢 怎麼知道什麼網頁需要什麼尺寸？
高度：
高度是可以向下延展的,所以一般對高度不*. 對於一屏來說,一般沒有一個固定值，因為每個人的瀏覽器的工具欄不同，我見過有的瀏覽器工具欄被外掛佔了半個螢幕，所以高度沒有確切值。
寬度:
1、在IE6.0下，寬度為顯示器解析度減21，比如1024的寬度-21就變成1003。但值得注意的是IE6.0(或更低)無論你的網頁多高都會有右側的滾動條框。
2、在Firefox下，寬度的分率辨減19。比如1024的寬度-19就變成1005
3、在Opear下，寬度的分率辨減23。比如1024的寬度-23就變成1001
注：Firefox或Opear在內容少於瀏覽器高度時不顯示右側滾動條。
所以如果是1024的解析度，你的網頁不如設成1000安全一點。設成900兩側空白更大,視覺上更舒服一點.也方便做一些浮動層的設計.
如果是800的解析度一般都設成770。但也有設成760的.
這些需要明白並且牢記,不然很可能做出來不符合瀏覽器要求,不過一般我們都回設定的再稍微小一點,應為有些瀏覽器加了外掛或者其他的東西寬度會有變化所以 800的解析度一般設定760左右,1024的設定990左右.
網頁設計標準尺寸:
1、800*600下，網頁寬度保持在778以內，就不會出現水平滾動條，高度則視版面和內容決定。
2、1024*768下，網頁寬度保持在1002以內，如果滿框顯示的話,高度是612-615之間.就不會出現水平滾動條和垂直滾動條。
3、在ps裡面做網頁可以在800*600狀態下顯示全屏，頁面的下方又不會出現滑動條，尺寸為740*560左右
4、在PS裡做的圖到了網上就不一樣了，顏色等等方面，因為WEB上面只用到256WEB安全色，而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顏色範圍很廣，所以自然會有失色的現象.
頁面標準按800*600解析度製作，實際尺寸為778*434px
頁面長度原則上不超過3屏，寬度不超過1屏
每個標準頁面為A4幅面大小，即8.5X11英寸
全尺寸banner為468*60px，半尺寸banner為234*60px，小banner為88*31px
另外120*90，120*60也是小圖示的標準尺寸
每個非首頁靜態頁面含圖片位元組不超過60K，全尺寸banner不超過14K
html頁面怎麼設定固定螢幕大小。
第一步：
將以下程式碼加入頁面：
<script language=javascript>
function hero()
{
var herowidth=400;//改為你要的網頁寬度
var heroheight=300;//改為你要的網頁高度
window.resizeTo(herowidth,heroheight);
}
hero();
</script>
第二步：
在<body>中加入：
<body onresize=hero();>
如何讓網頁自適應所有螢幕寬度
“自適應網頁設計”到底是怎麼做到的？其實並不難。
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);
});
怎麼調整列印網頁的大小
1、開啟想要列印的網頁內容，如下圖所示；
2、點選選單欄上的檔案選項，如下圖所示；
3、點選下拉框中的頁面設定，如下圖所示；
4、把啟用收縮到紙張大小前面的勾刪掉，如下圖所示；
5、然後點選紙張大小下拉框中選擇列印的紙張大小，如下圖所示；
6、選擇後再點選確定即可列印，如下圖所示。
- 文章版權屬於文章作者所有，轉載請註明 https://shqsg.com/dianzi/o23gvy.html
