導航:首頁 > 萬維百科 > 怎樣設計網頁的高度和寬度

怎樣設計網頁的高度和寬度

發布時間:2020-12-13 03:01:48

1、設計手機網站時,一般寬度設計為多少像素?

手機網站最好是用百分比全屏自適用的方式做,那樣不管手機是什麼解析度都可以使用。

一般android系統設計的時候可以使用320x480的解析度進行設計。

蘋果手機使用:640x960解析度進行設計。

2、css手機版頁面製作時如何讓背景圖片適應div的高度和寬度

具體步驟如下:

1、輸入position:fixed; top: 0; left: 0;使整個div固定在屏幕的最上方和最左方。

2、輸入width:100%;height:100%; min-width: 1000px;這個可以適合div的高度和寬度,而min-width是為了實現讓屏幕寬度在1000px以內時,div的大小保持不變。

3、輸入background-size: cover;-webkit-background-size: cover;-o-background-size: cover;使圖片隨屏幕大小同步縮放,但是有部分可能會被裁切,不過不至於會露白,下面兩句是為chrome和opera瀏覽器作兼容。

4、輸入background-position: center 0;使圖片的位置,居中,靠左對齊。

3、網頁設計中的寬度是多少~高度要怎麼定義

全屏寬度是1002~一般都是做成960的~~高度不要設定~不然會不兼容

記得採納啊

4、網頁設計的寬度一般為多少?應該怎麼把握?

百度統計流量研究院對於2017年上半年的解析度使用情況統計得出。

排名第一的是360×640,這是豎屏,一般在醫院、學校中才能見到,暫且不談。

排名第二的是1920×1080,佔比13.07%。

1366×768排第三,佔比6.32%。這說明現在主流的電腦解析度是1920×1080。

排名第七的解析度,1024×768,是最小的電腦尺寸了,僅佔3.13%,很少有人使用。在做pc端的網頁設計時,不用考慮這個尺寸,而應在做pad端和手機端的適配時,將其納入考慮。

而更高級的響應式網站應該是在嚴格的柵格規范下,適應於不同寬度,確保各寬度下的展示效果。但這樣的成本也會相應增加,在開發網站時,需綜合考慮實際需求和開發成本。time(《時代周刊》官網)是個很好的響應式網頁案例。

(4)怎樣設計網頁的高度和寬度擴展資料

網頁設計中的注意事項:

1、網頁設計的尺寸標准:

面向1024-768顯示器解析度開發的網頁尺寸,寬910px;

面向800-600顯示器解析度開發的網頁尺寸,寬778px;

2、網頁設計中的畫布設定:

尤其注意解析度為72 像素/英寸。

3、設計中的網頁字體問題

中文字體:尤其注意「設置消除鋸齒的方法」選項要選擇「無」。

宋體是最常用的網頁字體,12px 是中文操作系統可以表現的最小的字體,內容。

文字大小一-般用兩種,12px 或14px(現在的新的vista據說能表現10px的中文字,但現在使用並不多)。

英文字體:其中英文字體最小表現為10px 字verdana字體是大多數網頁使用的英文字體,比起arial字體更美觀和均衡。

效果圖:

網頁效果圖中的網頁字體,雖然在最後製作網頁的過程中不需要裁剪。但做為設計中不可分割的重要元素,一定要認真使用,因為你不單要設計文字與整體網頁的關系,還要設計字體的樣式表顏色。

5、網頁設計的尺寸大小是多少,寬度應該是多少???

其實也沒有硬性規定,但是為了兼容大多數瀏覽器一般是設置960px,隨著現在瀏覽器解析度的變化,已開始向著1000px,1200px寬度發展,例如淘寶(1000px)京東商城(1200px)。如果需要兼容不同瀏覽器尺寸,現在比較流行的做法是做成響應式的,即根據不同解析度顯示不同的尺寸,工作量也就隨之增加了。貌似國內的大網站也沒有使用。

6、網頁製作,如何改變按鈕的高度和寬度?急,在線等。謝謝了

<input name="Submit" type="submit" value="登 錄" style="width:100px;height:50px;"> style樣式抄,width寬 height高 單位 px 像素 ,以 : 開頭 ; 結束

7、在用CSS+div的網頁設計中,所有的DIV都要設定寬度和高度嗎?

給所有的DIV設定寬度和高度不是必須的。
DIV是塊級元素,默認的寬為100%,也就是你DIV外面的元素有多寬,DIV就是多寬。
DIV的高默認為內部元素的高,也就是DIV裡面的元素有多高,DIV就是多高。當DIV裡面的元素為浮動元素時候就會出現DIV高為0,所以這時候就得清除浮動。

8、用ps設計網頁 新建頁面的寬度和高度應為多少

現在抄常規寬度是980吧.高度看自己定,高一點後面可以拆掉.

用ps設計網頁

1.先用Photoshop做一個網頁圖片;
2.Ctrl+R調出標尺,在圖片上繪製表格,框選出要做鏈接的部分;
3.使用切片工具,按照繪制的表格劃分切片
4.以上步驟完成後,進行操作「文件」>「儲存為Web和設備所用格式」,在打開的窗口中按照自己的需要為網頁圖片作設置,設置完成後,「儲存」,保存類型「html和圖片」,切片「所有切片」。
5.接下來用Dreamweaver打開html文件,為其作鏈接及其它。
6.最後保存就完了。

9、網頁設計中的寬度是多少高度要怎麼定義

高度:沒有一個固定值,因為每個人的瀏覽器的工具欄不同,所以高度沒有確切值。差不多950-980左右的頁面寬度是最合適的。

10、網頁設計合適的頁面尺寸是多少

網頁設計選用的解析度是72像素,使用的畫布尺寸1920px*1080px。但是並不意味著在整個畫布上進行設計,一般採用全屏展示和兩側留白的方式。
全屏展示,是整個網站看起來大氣一些,但是布局要合理安排,不然看起來有些傻大的感覺。
兩側留白是為了適配不同電腦屏幕的尺寸,能夠確保網站只是電腦站的時候一些筆記本電腦也能顯示全面網站的內容區域,內容限時區域在好控制在1000px-1200px。

與怎樣設計網頁的高度和寬度相關的知識