HTML5的移動(dòng)端網(wǎng)頁(yè)設(shè)計(jì)稿，通常情況下，內(nèi)容區(qū)為750px或960px或者1080px的，一般不小于750px像素大小寬度設(shè)計(jì)稿可以比750px大，但是絕對(duì)不能比750px小，這個(gè)主要是由于當(dāng)前手機(jī)的分辨率相對(duì)較高iPhone6是375物理像素。

HTML5的移動(dòng)端網(wǎng)頁(yè)設(shè)計(jì)稿，通常情況下，內(nèi)容區(qū)為750px或960px或者1080px的，一般不小于750px像素大小寬度設(shè)計(jì)稿可以比750px大，但是絕對(duì)不能比750px小，這個(gè)主要是由于當(dāng)前手機(jī)的分辨率相對(duì)較高iPhone 6是375物理像素。

瀏覽器可見(jiàn)區(qū)域?qū)挾扰c實(shí)際不符如文中的例子，中興U930手機(jī)上物理分辨率寬度為540pxwindowouterWidth， 頁(yè)面可見(jiàn)區(qū)域?qū)挾戎禐?60pxwindowinnerWidth。

方法一使用CSS設(shè)置DIV的屬性樣式，比如居左，居右，居中確定好位置，在調(diào)整它的width和height ，還可以調(diào)整它的top left 等屬性posationsolute是絕對(duì)定位，可以拖動(dòng)大小和位置來(lái)定位方法二一 代碼如下div s。

A4的紙張是210*297mm您就把頁(yè)面寬度設(shè)置為210mm單位一定要選擇“mm”不過(guò)給您個(gè)建議，如果您需要打印的話，建議您用彈出窗口，這樣更容易控制打印的位置和大小在Web中打印是比較難控制的，選擇彈出窗口是比較合理的。

頁(yè)面的現(xiàn)實(shí)的大小超過(guò)了瀏覽器窗口的可視范圍，就會(huì)出現(xiàn)滾動(dòng)條你要去掉頁(yè)面的滾動(dòng)條 兩個(gè)方法1放大瀏覽器的窗口 2在頁(yè)面中添加樣式html，body overflowhiddenheight100%。

HTML元素展現(xiàn)在頁(yè)面內(nèi)，頁(yè)面展現(xiàn)在瀏覽器內(nèi)，而瀏覽器展現(xiàn)在屏幕內(nèi)通過(guò)Js的一些對(duì)象可以獲取這些容器的高度寬度容器的尺寸是指當(dāng)前分辨率下的高度寬度，而不是物理高度寬度如一個(gè)22寸的顯示器，屏幕分辨率為1366。

在ps里面做網(wǎng)頁(yè)可以在800*600狀態(tài)下顯示全屏，頁(yè)面的下方又不會(huì)出現(xiàn)滑動(dòng)條，尺寸為740*560左右在PS里做的圖到了網(wǎng)上就不一樣了，顏色等等方面，因?yàn)閃EB上面只用到256WEB安全色，而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顏色范圍很。

3然后設(shè)置select2的寬度在這里，使用百分比設(shè)置寬度百分比代表整個(gè)屏幕的比例，設(shè)置為50%4最后，當(dāng)進(jìn)入瀏覽器時(shí)，可以看到兩個(gè)具有不同寬度的選擇下拉列表上面是控制HTML頁(yè)面中下拉列表寬度的方法。

21024*768分辨率下，網(wǎng)頁(yè)寬度保持在1002以?xún)?nèi)，如果全屏顯示的話，高度是612615之間就不會(huì)出現(xiàn)水平滾動(dòng)條和垂直滾動(dòng)條在dw里面有設(shè)定好的標(biāo)準(zhǔn)值， 1024*768頁(yè)面的標(biāo)準(zhǔn)大小是955*600，照著它的尺寸做就行了只要你的。

網(wǎng)頁(yè)設(shè)計(jì)選用的分辨率是72像素，使用的畫(huà)布尺寸1920px*1080px但是并不意味著在整個(gè)畫(huà)布上進(jìn)行設(shè)計(jì)，一般采用全屏展示和兩側(cè)留白的方式全屏展示，是整個(gè)網(wǎng)站看起來(lái)大氣一些，但是布局要合理安排，不然看起來(lái)有些傻大的感覺(jué)。

html是個(gè)容器，其寬度和高度與顯示器分辨率有關(guān)如果網(wǎng)頁(yè)中放置的對(duì)象是無(wú)格式的文本，將自動(dòng)按分辨率的寬度排列或?yàn)g覽器當(dāng)前窗口的寬度排列，自動(dòng)換行，當(dāng)高度超過(guò)顯示器分辨率的高度或?yàn)g覽器當(dāng)前窗口的高度時(shí)，會(huì)自動(dòng)出現(xiàn)滾動(dòng)。

page size A4margin 0 這將設(shè)置HTML頁(yè)面的尺寸為A4，并且不會(huì)有頁(yè)邊距此外，可以使用以下樣式來(lái)設(shè)置不同的頁(yè)邊距page size A4margin 2cm 3cm 2cm 3cm * top right bottom left * 若要在。

1最保守而最有兼容性的一屏大小是779×432 2最廣泛的一屏大小是1003×600 3適合目前國(guó)內(nèi)的情況，一屏大小是779×600。

通過(guò) windowpageXOffset 和 windowpageYOffset 獲取 字面理解，視口即可以看見(jiàn)的窗口大小所以大多數(shù)情況下他和瀏覽器的窗口大小一致我們知道html頁(yè)面最外層的元素是html，他在瀏覽器中顯示，但其實(shí)在瀏覽器和html頁(yè)面之間。