1920的網頁設計的字體大小

1、網頁設計中,最小的字型大小應該是多少

網頁設計中的字體一般設置成12px，如果網頁的東西相對比較少，也可以設置成14px,關於導航和其他的一般是用ps處理出好的效果，如果是文本一般為14以上並且帶加粗。

字體沒有特別規定但是有常規的用法：

常規文字 12px；標題，頁頭 14px、16px；大標題，橫幅等 18px。

(1)1920的網頁設計的字體大小擴展資料：

網頁設計，是根據企業希望向瀏覽者傳遞的信息(包括產品、服務、理念、文化)，進行網站功能策劃，然後進行的頁面設計美化工作。作為企業對外宣傳物料的其中一種，精美的網頁設計，對於提升企業的互聯網品牌形象至關重要。

網頁設計一般分為三種大類:功能型網頁設計(服務網站&B/S軟體用戶端)、形象型網頁設計(品牌形象站)、信息型網頁設計(門戶站)。設計網頁的目的不同，應選擇不同的網頁策劃與設計方案。

網頁設計的工作目標，是通過使用更合理的顏色、字體、圖片、樣式進行頁面設計美化，在功能限定的情況下，盡可能給予用戶完美的視覺體驗。高級的網頁設計甚至會考慮到通過聲光、交互等來實現更好的視聽感受。

網頁設計主要以Adobe產品為主，常見的工具包括FW、PS、FL、DW、CDR、AI等，其中DW是代碼工具，其他是圖形圖像和FL動畫工具。還有最近幾年Adobe新出的EdgeReflow、EdgeCode、Muse。

2、關於網頁設計尺寸和字型大小大小

html頁面中的文字大小在用戶瀏覽器下默認渲染是「16px",也沒有強行規定一定要用多大的，這個要看設計圖來定。

CSS上可以用"em"來替代「px」,em是一個相對的大小，我們可以這樣來設置1em，0.5em，1.5em等，而且「em」還可以指定到小數點後三位，比如「1.365em」。

為什麼要用em,而不用px的關鍵點：

1. IE無法調整那些使用px作為單位的字體大小；

2. 國外的大部分網站能夠調整的原因在於其使用了em作為字體單位；3. Firefox能夠調整px和em，但是96%以上的中國網民使用IE瀏覽器(或內核)。這意味這中國網站的字體大小可以被認為不可調。

(2)1920的網頁設計的字體大小擴展資料：

網頁構成

文字與圖片是構成一個網頁的兩個最基本的元素。你可以簡單地理解為：文字，就是網頁的內容。圖片，就是網頁的美觀。除此之外，網頁的元素還包括動畫、音樂、程序等等。

在網頁上點擊滑鼠右鍵，選擇菜單中的 「查看源文件」 ，就可以通過記事本看到網頁的實際內容。可以看到網頁實際上只是一個純文本文件。

它通過各式各樣的標記對頁面上的文字、圖片、表格、聲音等元素進行描述（例如字體、顏色、大小），而瀏覽器則對這些標記進行解釋並生成頁面，於是就得到你現在所看到的畫面。 

為什麼在源文件看不到任何圖片？ 網頁文件中存放的只是圖片的鏈接位置，而圖片文件與網頁文件是互相獨立存放的，甚至可以不在同一台計算機上。

網頁通常有以下元素：

文字資料圖像檔案Applet（在頁面內執行的副程式）超鏈結網頁的合成體為網站，一個網站的開始點為首頁。

3、設計1920*1080大小的網頁的內容應該限制多大的尺寸？

一般來說應該在1000px吧，最好先確定使用者的電腦大致解析度的大小。因為很多用戶用的是解析度較低，如果用戶都是大屏瀏覽器居多，那麼就可以寬一點，比如你的客戶是跟網站、設計類有關的，那麼他們電腦的解析度一般比較高，至少是1440px。

4、網頁設計---解析度是多少？

像素大小裡面的解析度代表的是圖片的尺寸，由於現在大多都是寬屏超大顯示1024x768px不再是主流解析度。所以許多網頁開始朝1000px以上發展。如果想最大化用戶使用體驗，建議960px.雖然犧牲了使用面積，但是幾乎兼容了所以人的顯示屏。現在需要修改的是在文檔大小裡面的解析度，把這個值改為72.這個解析度才是能將圖片尺寸與現實中的實際尺寸相互轉換。大多數網頁製作常用圖片解析度為72，即每英寸像素為72，1英寸等於2.54厘米，那麼通過換算可以得出每厘米等於28像素。

5、網頁設計師給的是1920寬的psd設計稿，我是完全按照裡面測量的像素設置css樣式嗎？

一般的網頁做1000 或者1200px
網頁設計師給的1920 是有那種全屏的banner 或者圖片背景之類是是1920寬，內，普通的內容一般是我上面說容得兩種像素 做頁面的時候定寬1000或者1200px 設計上1920的部分 你要做成100% 適應不同解析度的屏幕

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

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

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

7、1920*1080的網頁設計稿，中間主體是多寬

個人認為還是看UI設計的，一般淘寶，天貓左右兩側還有一下浮動廣告，彈出消息之類的，所以窄一點，你可以試試1100，我現在做的就是1100px的

8、網頁設計如果我用1920*1080的頁面，那麼內容應該限制在多大尺寸？

最好控制在1000px吧，因為還有很多用戶用的是解析度很低的，如果你的用戶都是用的大屏瀏覽器，那麼就可以寬一點，比如你的客戶是跟網站、設計類有關的，那麼他們電腦的解析度不會低的，至少是1440px，所以你可以先確定你用戶的電腦大致解析度的多大，再考慮寬度尺寸

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

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

10、網頁設計現在主流高和寬是多少，有效顯示內容的區域寬是多少，1440可以嗎？用刪格系統該用多大的？1

不用追求主流多少，適合屏幕就可以。內容多就要拉長。