1、網頁設計寬度大於顯示器最高解析度,設計寬度不改變,如何讓網頁中央顯示在屏幕的中間?
通過絕對定位,很好實現,寫一段CSS給你
#container{
position: absolute;
top: 50%;
left: 50%;
margin-top: -240px;
margin-left: -1400px;
width: 2800px;
height: 480px;
text-align: center;
}
裡面的尺寸自己來改
#container層當作全內局的容一個容器
2、網頁設計,更改了頁面大小,可是在瀏覽器裡面瀏覽的時候,還是全屏的。是怎麼回事呢?高手解答!
瀏覽器有自動排版功能的,電腦版網頁一般都是全屏,只有軟體調用或者手機頁面有小的,但是電腦瀏覽器打開都是全屏的,但是你的排版它不改動的
3、請問現在的網頁設計主流尺寸是多少 正好一屏的尺寸又是多少
網頁設計標准尺寸: 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 標准網頁廣告尺寸規格: 一、120*120,這種廣告規格適用於產品或新聞照片展示。 二、120*60,這種廣告規格主要用於做LOGO使用。 三、120*90,主要應用於產品演示或大型LOGO。 四、125*125,這種規格適於表現照片效果的圖像廣告。 五、234*60,這種規格適用於框架或左右形式主頁的廣告鏈接。 六、392*72,主要用於有較多圖片展示的廣告條,用於頁眉或頁腳。 七、468*60,應用最為廣泛的廣告條尺寸,用於頁眉或頁腳。 八、88*31,主要用於網頁鏈接,或網站小型LOGO。 廣告形式 像素大小 最大尺寸 備注 BUTTON 120*60(必須用gif) 7K 15*50(必須用gif) 7K 通欄760*100 25K 靜態圖片或減少運動效果 430*50 15K 超級通欄 760*100 to 760*20 共40K 靜態圖片或減少運動效果 巨幅廣告 336*280 35K 585*120 豎邊廣告 130*300 25K 全屏廣告 800*600 40K 必須為靜態圖片,FLASH格式 圖文混合 各頻道不同 15K 彈出窗口 400*300(盡量用gif) 40K BANNER 468*60(盡量用gif) 18K 懸停按鈕 80*80(必須用gif) 7K 流媒體 300*200(可做不規則形狀) 30K 播放時間小於5秒60幀(1秒/12幀) 網頁中的廣告尺寸: 1、首頁右上,尺寸120*60 2、首頁頂部通欄,尺寸468*60 3、首頁頂部通欄,尺寸760*60 4、首頁中部通欄,尺寸580*60 5、內頁頂部通欄,尺寸468*60 6、內頁頂部通欄,尺寸760*60 7、內頁左上,尺寸150*60或300*300 8、下載地址頁面,尺寸560*60或468*60 9、內頁底部通欄,尺寸760*60 10、左漂浮,尺寸80*80或100*100 11、右漂浮,尺寸80*80或100*100以上幾種說法可能有點小的出入,大家可以探討一下。
4、網頁設計的首屏尺寸一般是多少
一般根據屏幕大小設置,就目前來說,主流的尺寸是1024 × 768
5、如何讓網頁自適應所有屏幕寬度
「自適應網頁設計」到底是怎麼做到的?其實並不難。
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);
});
6、手機端網頁設計尺寸多少
iPhone手機網頁的設計尺寸
iPhone5尺寸是640x1136px解析度是326PPI
iPhone4和iPhone4S尺寸是640x960px解析度是326PPI
iPhone和iPodTouch第一代、第二代、第三代尺寸是320x480px解析度是163PPI
安卓網頁的設計尺寸
320dp:一個普通的手機屏幕(240X320,320×480,480X800)
480dp:一個中間平板電腦像(480×800)
600dp:7寸平板電腦(600×1024)
720dp:10寸平板電腦(720×1280,800×1280)
ipad網頁的設計尺寸
iPad第三代第四代尺寸是2048x1536px解析度是264PPI
iPad第一代第二代尺寸是1024x768px解析度是132PPI
iPad Mini尺寸是1024x768px解析度是163PPI
7、官網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位置在網頁的頂。
(7)整屏網頁設計尺寸1920擴展資料:
隨著大屏幕的顯示器出現,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
8、自適應網站一屏式的設計規范是什麼?
自適應網站可以建成1920的寬度,一般都是用百分比來控制的,圖片寬度尺寸1920像素可以,最終會隨著屏幕的大小而自適應。
圖片具體的尺寸根據你每個模塊分割的尺寸來決定。
比如說首頁的輪播圖你想全屏顯示圖片寬度就設置1920PX,輪播圖的圖片以橫構圖為主。
一般都建議用橫構圖,豎構圖的話高度不好控制,除非你劃分了某個區域是豎構型的。
9、電腦是1920*1080解析度,用DW製作網頁設置全屏顯示沒有滾動條尺寸應該如何定?
寬度調低一點么 自己測試一下 不同的解析度寬度也是不一樣的
10、自適應網頁在PS中製作效果圖時,尺寸應如何設定,還有屏幕尺寸寬度的不一,是不是同一個模板要做幾個尺寸
自適應的網頁以主要顯示尺寸為主。如:你的網頁需要適應一下屏幕:
1920*1080 【21.5寬屏】
1024*768 【標准屏幕】
600*1024【平板屏幕】
320*480【手機屏幕】
則,你需要設計兩個尺寸即可,1440*900【小寬屏,內容限制1000*600】,600*1024【平板豎版,根據設備UI限制區域】,這樣,一個橫版,一個豎版即可(共用內容可以製作成模板模塊,效果圖的處理會快一些)。
通常來說,做電腦端的頁面,我較為喜歡使用1400*N000的尺寸,內容限制為960或1200,這樣的效果圖在各個界面上看起來都不錯(1920寬度的話,兩側的白邊很大,1024的時候又太窄),瀏覽器打開效果圖,剛好模擬最終效果。
手持設備的話,因為是豎屏,因此設計一個版面即可,手持界面中,通常寬度不做限制,以充分利用屏幕的寬度,高度為自適應,根據寬度,內容的高度自動調整,而且,在製作靜態頁的時候,也是使用百分比來定義頁面的尺寸。