開心生活站

請輸入關鍵字詞

熱門搜索排行

位置：首頁 > IT科技 > 

網頁寬度怎麼設置

IT科技5.87K

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、選擇後再點擊確定即可打印，如下圖所示。

標籤：網頁 設置

相關文章