網頁設計全屏寬度

1、網頁設計：有的網頁顯示得比較滿屏，有的沒這么滿，是因為解析度的問題嗎？怎樣查看網頁的解析度，謝謝

不是瀏覽器的解析度問題。
相同的頁面在不同瀏覽器解析度下顯示的寬度不同，但在同解析度的瀏覽器下，一個頁面顯示的結果都是相同的，不同頁面在同一瀏覽器同一解析度下顯示的寬度不同，就是由於這些頁面自己的設置寬度不同導致的。如你上面的兩個網站，應該是各自的頁面寬度不同導致的。
一般的頁面設計對寬度採用固定尺寸，不同的頁面設置的寬度不同，在瀏覽器中顯示出的寬度自然就不同。以前電腦屏幕不大，一般設計寬度為980px，後來19寬屏顯示器時代，一般的瀏覽器解析度寬度用1280或1440，所以通常用1280作為寬度。
而現在更多大屏顯示器和手機瀏覽用戶的增多，對頁面的瀏覽尺寸的需求更加多樣化。所以現在好的頁面設計一般採用兩種方法，一是採用百分比來做寬高設計。二是採用響應式布局，讓頁面計算瀏覽器寬度，顯示不同內容。這樣能夠適應多種瀏覽器，到達理想的瀏覽效果。

2、如何讓網頁自適應所有屏幕寬度

「自適應網頁設計」到底是怎麼做到的？其實並不難。

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);
});

3、網頁設計，更改了頁面大小，可是在瀏覽器裡面瀏覽的時候，還是全屏的。是怎麼回事呢？高手解答！

瀏覽器有自動排版功能的，電腦版網頁一般都是全屏，只有軟體調用或者手機頁面有小的，但是電腦瀏覽器打開都是全屏的，但是你的排版它不改動的

4、設計網頁的時候，怎樣讓圖片在不同的解析度和顯示器下都是滿屏顯示的？寬度的尺寸是多大？

在DW軟體的菜單欄中選擇「修改」，打開修改選項卡；
然後選擇「頁面屬性」，彈出頁面屬性面板；
在屬性面板左側「分類」欄中選擇「外觀」；
然後將左邊距、右邊距、上邊距、下邊距的值都設置為0就可以了。
應該所有電腦都會默認滿屏顯示的，如果同時想手機、平板電腦都為滿屏顯示，就要進行」多屏幕「設置。我也是學習中，有什麼不對的地方求指正，希望可以幫到你。

5、網頁設計中使用全屏照片有哪些注意點

　1、圖片質量.
眾所周知圖片在網頁設計中的重要作用，精美的圖片配之以絕妙的文案能給網站獲得漂亮的加分。而作為全屏背景的照片只有足夠精彩漂亮才會給用戶留下深刻印象，所以設計師在選擇照片時要注意圖片的質量問題。此外還要重視圖片展示的內容與網站主題的相關性，於此網站的主題內容才會在第一時間傳達給訪問用戶。
網頁設計中使用全屏照片有哪些注意點.
2、注意排版.
網頁設計中，使用全屏照片做為網站背景固然簡潔漂亮，干凈利落之餘設計師需更要考慮到整個網頁的布局，如何在大幅照片上進行排版，設置欄目，與照片背景顏色不產生沖突，又不影響用戶的閱讀體驗。
3、切圖.
設計師在使用全屏大圖時，需要注意背景不能太大，否則切出的背景太大會導致網站打開速度變得緩慢。此外需要注意的是，由於用戶習慣的差別，使用的瀏覽器也有所差別，設計師在切圖時需要綜合考慮各瀏覽器的兼容性問題，以及電腦的顯示屏大小問題，保證用戶在打開網站時，圖片能自動適應各種瀏覽器以及不同尺寸的顯示屏。
在網站建設中，使用全屏照片作為網站背景不僅簡化了網站的復雜樣式，還可利用大幅照片以提升網站的感染力。
本文是 成都網站建設公司、成都網站設計製作公司、成都APP開發公司、 成都響應式網站建設、成都VR全景製作-桔子科技公司為您整理！

6、全屏的網頁，設計psd時需要採用什麼尺寸的解析度

在網頁上圖上是可以縮放的，可以設置全屏。小到0，大到無限。

7、PS網頁設計尺寸問題 需要滿屏

你用PS做出來的是圖片，並不是網頁，圖片是多大，就顯示多大，居中顯示是在代碼里實現的。
如果你想讓圖片居中，可以這樣做：
假如你的解析度是1440*900，，而普通的網頁頁面寬度大部分都是960（PX）。所以你想讓圖片居中就很簡單了，在1440*900的畫布上，左右分別拉兩條輔助線：左邊一條在240px，右邊一條在1200px那裡，在兩條輔助線中間的區域，剛好就是在1440解析度下的居中顯示。
所以看你的解析度，再設置你的網頁設計圖的大小，現在主流的解析度是1440*，而頁的寬度大部分是960（你可以百度一下為什麼這是大部分網站會採取的尺寸）

滿屏需要代碼標簽屬性width：100%來實現，看上面的回答貌似都是說代碼類的，所以你自己看看自己是要代碼類的居中還是要圖片類的居中。
代碼上的居中更簡單，一般採用的是div的magin居中。不過這不屬於你的問題范疇，這里就不說了。

8、官網banner的設計尺寸一般多少

官網Banner設計尺寸一般是468*60像素，大小如果gif格式是14K，如果是swf格式是16K。

全尺寸banner是468*60px，半尺寸banner是234*60px，小banner是88*31px，另外還有120*90，120*60也是小圖標的標准尺寸。

336*280、300*250、以及160*600 這三種大小的Banner廣告在宣傳效果上較好。在高度一定的情況下，寬度越大，效果也會越好，因為這樣廣告會給用戶帶來了較好的閱讀體驗。Banner位置在網頁的頂。

(8)網頁設計全屏寬度擴展資料：

隨著大屏幕的顯示器出現,banner的表現尺寸越來越大,760X70;1000X70像素的大尺寸banner也有。

根據IAB國際廣告局2001年第二次標准公布的尺寸有：

1、"摩天大樓"形尺寸：120×600 

2、 寬"摩天大樓"形尺寸：160×600

3、 長方形尺寸：180×150

4、中級長方形尺寸：300×250 

5、大長方形尺寸：336×280

6、 豎長方形尺寸：240×400

7、 "正方形彈出式"廣告尺寸：250×250

9、製作網頁如何能讓頁面全屏！

如果您想要讓指定網頁頁面全屏顯示的話，您可以在該頁面的html源代碼文件中，添加下面的代碼就能實現了：
<form>
<div align="center">
<input type="BUTTON" name="FullScreen" value="全屏顯示" onClick="window.open(document.location, ''big'', ''fullscreen=yes'')">
</div>
</form>

如果這個方法不滿意，你可以做一個flash。把網頁嵌到裡面。

10、網頁製作網頁中，如何讓背景圖片在任何電腦顯示頻上看都是滿屏，寬度剛好的？（沒有左右滾動條的）

css代碼：
background-repeat:repeat;

background-repeat是針對背景平鋪的屬性設置，可選的值包含：
repeat 即默認方式，完全平鋪背景；
no-repeat 在X及Y軸方向均不平鋪；
repeat-x 橫向平鋪背景；
repeat-y 縱向平鋪背景。