響應式網頁設計尺寸

1、響應式web頁面按多大尺寸設計

?

2、響應式視覺設計稿要做幾個尺寸

你好，我覺得一般是手機一個，tablet一個，desktop一個。主要是以主顯示方式（橫屏，豎屏）和交互方式（觸摸，傳統）劃分的。

3、做響應式網頁，如何讓一個div的高和寬保持比例放大或是縮小？

1,方案一:響應式來做,可以根據媒體查詢,設定在不同屏幕寬度下div的高度和寬度,具體的設置看你響應式想怎麼顯示

@media only screen and (min-width: 100px) and (max-width: 640px) {
div{
width: 100px;
height: 100px;
}
}
@media only screen and (min-width: 641px) and (max-width: 789px) {
div{
width: 200px;
height: 200px;
}
}
2.方案二:百分比來做,這里需要運用一個小技巧,padding用百分比做單位時是相對於容器的寬度來算的,所以你可以把高度設為0,內容自然溢出,設置個padding-bottom

height:0;
width:50%;
padding-bottom:30%
那麼這個div的高寬比就是30%:50%

4、html5怎麼製作一個響應式網頁？

HTML5 製作響應式網頁，首先需要考慮是全平台適配還是只是移動端適配。這里以移動端響應式網站為例，講述如何製作響應式網頁。

1、選定基本設計尺寸，一般以1080為基準。確定響應式web設計的應用場景之後，和美工（或設計師）溝通，之前，一般需要美工出幾套主流移動設備屏幕解析度的設計圖，現在，使用流式布局以及rem等可以使用一套設計圖，以最常用的移動設備屏幕解析度為基準。

2、當美工完成設計圖之後，前端工程師的工作就開始了。這時你就可以使用PS或是FW進行切圖了。一般說來，Fireworks cs6切圖更快，但是Fireworks有時會有圖片失真的情況發生，所以，有時需要使用PS進行配合，PS有切片工具可以專門用來切圖。

5、響應式網站尺寸設計規范是什麼？不要說大篇的介紹廢話，落實到具體數據上

看來你是生手。網站沒有統一的尺寸。也沒有統一的設計規范。都是根據客服要求去設計的。
他要大點就大點，要小點就小點。而網上很多網站的字體也不是統一的。
既然是響應式。更不可能有固定的尺寸。只用%百分比。
安全尺寸？也沒有統一的安全尺寸。有的是是全屏，有的是居中。寬度也沒有統一的。各種寬度都有。

6、響應式網頁設計通常幾個解析度的頁面啊？

頁面的設計與開發應當根據用戶行為以及設備環境(系統平台、屏幕尺寸、屏幕定向等)進行相應的響應和調整。具體的實踐方式由多方面組成，包括彈性網格和布局、圖片、CSS media query的使用等。所以要區別看待。
PSD做1366*768的尺寸，網頁頂部、底部、導航條部分需要百分百寬 內容根據PSD設定具體像素

7、請問響應式網頁設計PSD需要做多大的尺寸和多大的解析度

PSD最好做1366*768的尺寸，網頁頂部、底部、導航條部分需要百分百寬 內容根據PSD設定具體像素

8、響應式設計平板一般是多大的屏幕

響應式Web設計(Responsive Web design)的理念是：

頁面的設計與開發應當根據用戶行為以及設備環境(系統平台、屏幕尺寸、屏幕定向等)進行相應的響應和調整。具體的實踐方式由多方面組成，包括彈性網格和布局、圖片、CSS media query的使用等。無論用戶正在使用筆記本還是iPad，我們的頁面都應該能夠自動切換解析度、圖片尺寸及相關腳本功能等，以適應不同設備；換句話說，頁面應該有能力去自動響應用戶的設備環境。響應式網頁設計就是一個網站能夠兼容多個終端——而不是為每個終端做一個特定的版本。這樣，我們就可以不必為不斷到來的新設備做專門的版本設計和開發了。目前國軟科技公司自主研發了同步的響應式網站設計。
做響應式的時候，需要考慮的是1024 * 768、768 * 1280、640 * 960、320 * 480的解析度，其他的都不怎麼考慮。

1024 * 768 是一般電腦屏幕解析度；
768 * 1280是平板橫著時的解析度
640 * 960是平板豎著時的解析度
320 * 480是iphone手機的屏幕解析度。

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

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

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

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

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

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

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

(9)響應式網頁設計尺寸擴展資料

網頁設計中的注意事項：

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

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

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

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

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

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

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

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

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

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

效果圖：

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

10、什麼是響應式網頁設計

響應式Web設計(Responsive Web design)的理念是:頁面的設計與開發應當根據用戶行為以及設備環境(系統平台、屏幕尺寸、屏幕定向等)進行相應的響應和調整。具體的實踐方式由多方面組成，包括彈性網格和布局、圖片、CSS media query的使用等。無論用戶正在使用筆記本還是iPad，我們的頁面都應該能夠自動切換解析度、圖片尺寸及相關腳本功能等，以適應不同設備;換句話說，頁面應該有能力去自動響應用戶的設備環境。響應式網頁設計就是一個網站能夠兼容多個終端--而不是為每個終端做一個特定的版本。這樣，我們就可以不必為不斷到來的新設備做專門的版本設計和開發了。