首先網(wǎng)頁(yè)在普通的電腦上面顯示1900px的寬度會(huì)拉伸很多，這在網(wǎng)站的整體效果來(lái)說(shuō)，訪客的體驗(yàn)是不好的。字體大小也是根據(jù)網(wǎng)頁(yè)的布局來(lái)設(shè)置的并沒(méi)有一成不變的。 也就是說(shuō)，大家會(huì)考慮設(shè)計(jì)用1500px的寬度主要是用戶大多都是19寸的顯示器么？那么1400的寬度被拉伸到1900px分辨率降低是自然情況么？那TB和JD為什么用19寸的顯示器和24寸的顯示器都沒(méi)有分辨率下降的問(wèn)題，是因?yàn)樗麄冇么a寫的么？謝謝了 如果能做自適應(yīng)一般是沒(méi)有人寫死寬度為多少Px 自適應(yīng)是什么啊 是PS保存WBE格式那個(gè)還是DW里面那個(gè)設(shè)置啊 網(wǎng)頁(yè)開(kāi)發(fā)中為了保證兼容大部分顯示正常就采用自適應(yīng)。你可以百度下。

看看這樣行不行<div class="row"> <div class="col-xs-4">...</div> <div class="col-xs-4">...</div> <div class="col-xs-4">...</div></div> 我用的就是col-xs-*這樣的辦法,不行...我感覺(jué)是響應(yīng)式的問(wèn)題... 那就禁止響應(yīng)式布局，

iPhone4/iPhone4s 320 * 372 / 320 * 441 (已隱藏URL與狀態(tài)欄)iPhone5/iPhone5s 320 * 460 / 320 * 529 (已隱藏URL與狀態(tài)欄)Note2 360 * 567 (未隱藏URL與狀態(tài)欄)iPad 3/4 768*928 (未隱藏URL與狀態(tài)欄)GALAXY SIII 360 * 567 (未隱藏URL與狀態(tài)欄)米2A 360 *567 (未隱藏URL與狀態(tài)欄)HTC G10 320 * 460<meta name="viewport"網(wǎng)頁(yè)手機(jī)wap2.0網(wǎng)頁(yè)head加入面條元標(biāo)簽iPhone瀏覽器頁(yè)面原始顯示并允許縮放 <meta name="viewport"content="width=device-width, initial-scale=1.0, minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> width - viewport寬度 height -viewport高度 initial-scale - 初始縮放比例 minimum-scale -允許用戶縮放比例 maximum-scale -允許用戶縮放比例 user-scalable - 用戶否手縮放參考：http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/quick-tip-dont-forget-the-viewport-meta-tag/、網(wǎng)頁(yè)手機(jī)wap2.0網(wǎng)頁(yè)head加入面條元標(biāo)簽iPhone瀏覽器頁(yè)面原始顯示并允許縮放<meta name="viewport"content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no">其： width - viewport寬度 height - viewport高度 initial-scale -初始縮放比例minimum-scale - 允許用戶縮放比例 maximum-scale - 允許用戶縮放比例user-scalable -用戶否手縮放c二、關(guān)于meta詳細(xì)介紹請(qǐng)參考三、文關(guān)于Meta例詳細(xì)介紹 原文址3. Meta元素視區(qū)　　默認(rèn)情況iPhoneSafari象屏幕桌面瀏覽器顯示頁(yè)面寬度達(dá)980像素縮內(nèi)容適應(yīng)iPhone屏幕用戶iPhone看頁(yè)面覺(jué)字體比較比較模糊必須要放才能看真切于普通Web頁(yè)面似乎接受于用應(yīng)用程序沒(méi)幾能夠受　　幸運(yùn)使用特殊Meta元素視區(qū)進(jìn)行糾：<metaname="viewport" content="width=device-width"/>　　元素通知瀏覽器使用設(shè)備寬度作視區(qū)寬度默認(rèn)980像素我看看兩同例　　例3(鏈接：http://www.sitepoint.com/examples/iphone-development-12tips/no-viewport.html)顯示簡(jiǎn)單段落元素沒(méi)Meta元素視區(qū)字體點(diǎn)模糊iPhone運(yùn)行實(shí)際情況圖所示圖 1 視區(qū)顯示效　　例4(鏈接：http://www.sitepoint.com/examples/iphone-development-12tips/viewport.html)包括視區(qū)元素現(xiàn)設(shè)備寬度320像素字體比前例更清晰iPhone運(yùn)行實(shí)際情況圖所示圖 2 視區(qū)顯示效　　另外手設(shè)置device-width值例假設(shè)博客頁(yè)面寬度750像素桌面屏幕佳800x600像素例5(鏈接：http://www.sitepoint.com/examples/iphone-development-12tips/fixed750.html)顯示刪減版本iPhone瀏覽看980像素剩空間都填充白色　　消除額外空間使用meta元素視區(qū)寬度設(shè)780像素：<metaname="viewport" content="width=780"/>　　例6(鏈接：http://www.sitepoint.com/examples/iphone-development-12tips/fixed750-viewport.html)顯示meta元素視區(qū)布局固定效　　Meta元素視區(qū)內(nèi)容包括逗號(hào)隔值initial-scale –用戶初看頁(yè)面放級(jí)別于Web應(yīng)用程序見(jiàn)設(shè)置：<metaname="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/>　　元素設(shè)置寬度設(shè)備寬度禁止用戶放縮

最外圍div 或 table 的寬度不要用百分比來(lái)定義，使用準(zhǔn)確數(shù)值的px來(lái)定義，這樣縮小窗口就不會(huì)亂了，只會(huì)出現(xiàn)滾動(dòng)條。 但是不同的電腦分辨率是不一樣的,顯示的也就不一樣了 分辨率不同，只是屏幕上顯示的區(qū)域大小不同，你設(shè)置了固定寬度后，在任何分辨率下都不會(huì)變。如果會(huì)變證明你是用了相對(duì)寬度。例如一個(gè)div或table你把寬度設(shè)為1024px，它在任何分辨率下都是1024px的寬度，不會(huì)變的。如果你設(shè)為90%那么在不同的分辨率下，它就會(huì)變了。 如果你的電腦是1024px,顯示的是剛剛好，但是我換個(gè)1366的電腦，很明顯就空出來(lái)很大一部分 。我是這個(gè)意思 我明白你的意思，在有一些網(wǎng)頁(yè)，比如郵箱的頁(yè)面可以做成100%的寬度，能自動(dòng)適應(yīng)任何分辨率的顯示器，也不影響美觀。但是一些比較復(fù)雜的網(wǎng)頁(yè)是不可能自動(dòng)適應(yīng)屏幕的，否則會(huì)變亂或很難看。比如網(wǎng)易，新浪這些門戶網(wǎng)站的主頁(yè)面都不可能自動(dòng)適應(yīng)任何分辨率的屏幕，兩邊必然是會(huì)有空白的。頁(yè)面元素過(guò)多，排好版了，很漂亮的，但如果要自動(dòng)適應(yīng)不同分辨率的話，必然變亂。 那這個(gè)就沒(méi)辦法解決了嗎？ 是的，沒(méi)辦法的。復(fù)雜頁(yè)面是不可能做到自適應(yīng)不同的屏幕分辯率來(lái)滿屏顯示的。

分別有;同字型 國(guó)字型 川字型 匡字型 三字型

網(wǎng)頁(yè)布局一般有七個(gè)步驟 如下：1.頁(yè)面尺寸：頁(yè)面尺寸和顯示器大小及分辨率有關(guān)系，網(wǎng)頁(yè)的局限性就在于無(wú)法突破顯示器的范圍，而且因?yàn)闉g覽器也將占去不少空間，留下的頁(yè)面范圍就變得越來(lái)越小。一般，分辨率在1024×768的情況下，頁(yè)面的顯示尺寸為1007×600；分辨率在800×600的情況下，頁(yè)面的顯示尺寸為780×428個(gè)象素；分辨率在640×480的情況下，頁(yè)面的顯示尺寸則為620×311個(gè)象素。從以上數(shù)據(jù)可以看出，分辨率越高頁(yè)面尺寸越大。瀏覽器的工具欄也是影響頁(yè)面尺寸的原因，目前的瀏覽器的工具欄都可以取消或者增加，那么當(dāng)顯示全部的工具欄和關(guān)閉全部工具欄時(shí)，頁(yè)面的尺寸是不一樣的。在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中，向下拖動(dòng)頁(yè)面是惟一給網(wǎng)頁(yè)增加內(nèi)容(尺寸)的方法。要提醒家。除非能肯定站點(diǎn)的內(nèi)容能吸引大家拖動(dòng)，否則不要讓訪問(wèn)者拖動(dòng)頁(yè)面超過(guò)三屏。如果需要在同一頁(yè)面顯示超過(guò)三屏的內(nèi)容，那么最好能在上面做上頁(yè)面內(nèi)部連接，以方便訪者瀏覽。2.整體造型：什么是造型，造型就是創(chuàng)造出來(lái)的物體形象。頁(yè)面的整體形象，應(yīng)該是一個(gè)整體，圖形與文本的接合應(yīng)該層疊有序，有機(jī)統(tǒng)一。雖然，顯示器和瀏覽器都是矩形，但對(duì)于頁(yè)面的造型，可以充分運(yùn)用自然界中的其它形狀以及它們的組合：矩形，圓形，三角形，菱形等。對(duì)于不同的形狀，它們所代表的意義是不同的。比如矩形代表著正式，規(guī)則，注意到很多ICP和政府網(wǎng)頁(yè)都是以矩形為整體造型；圓形代表著柔和，團(tuán)結(jié)，溫暖，安全等，許多時(shí)尚站點(diǎn)喜歡以圓形為頁(yè)面整體造型；三角形代表著力量，權(quán)威，牢固，侵略等，許多大型的商業(yè)站點(diǎn)為顯示它的權(quán)威性常以三角形為頁(yè)面整體造型；菱形則代表著平衡，協(xié)調(diào)，公平，一些交友站點(diǎn)常運(yùn)用菱形作為頁(yè)面整體造型。雖然不同形狀帶表著不同意義，但目前的網(wǎng)頁(yè)制作多數(shù)是結(jié)合多個(gè)形狀加以設(shè)計(jì)，其中又以某種形狀為主。3.頁(yè)頭：頁(yè)頭又可稱之為頁(yè)眉，頁(yè)眉的作用是定義頁(yè)面的主題。比如一個(gè)站點(diǎn)的名字多數(shù)都顯示在頁(yè)眉里。這樣，訪問(wèn)者能很快知道這個(gè)站點(diǎn)是什么內(nèi)容。頁(yè)頭是整個(gè)頁(yè)面設(shè)計(jì)的關(guān)鍵，它將涉及到下面的設(shè)計(jì)和整個(gè)頁(yè)面的協(xié)調(diào)性。頁(yè)頭常放置站點(diǎn)名字的圖片或公司標(biāo)志以及旗幟廣告等。4.文本：文本在頁(yè)面中多數(shù)以“行”或者“塊”(段落)出現(xiàn)，它們的擺放位置決定者整個(gè)頁(yè)面布局的可視性。在過(guò)去因?yàn)轫?yè)面制作技術(shù)的局限，文本放置位置的靈活性非常小，而隨著DHTML的興起，文本已經(jīng)可以按照自己的要求放置到頁(yè)面的任何位置。5.頁(yè)腳：頁(yè)腳和頁(yè)頭相呼應(yīng)。頁(yè)頭是放置站點(diǎn)主題的地方，而頁(yè)腳則是放置制作者或者公司信息的地方。能看到，許多此類信息都是放置在頁(yè)腳的。6.圖片：圖片和文本是網(wǎng)頁(yè)的兩大構(gòu)成元素，卻一不可。如何處理好圖片和文本的位置成了整個(gè)頁(yè)面布局的關(guān)鍵。而布局思維也將體現(xiàn)在這里。7.多媒體：除了文本和圖片，還有聲音，動(dòng)畫，視頻等等其它媒體。雖然不是經(jīng)常能被利用到，但隨著動(dòng)態(tài)網(wǎng)頁(yè)的興起，它們?cè)诰W(wǎng)頁(yè)布局上也變得更重要起來(lái)。

1、嚴(yán)格意義來(lái)說(shuō)dw并不能用來(lái)設(shè)計(jì)網(wǎng)頁(yè)，設(shè)計(jì)網(wǎng)頁(yè)都是在平面設(shè)計(jì)工具里完成的，比如在ps里面設(shè)計(jì)好網(wǎng)站的效果圖，在ps里面切圖。2、dw只是個(gè)網(wǎng)站代碼編寫工具，使用dw編寫代碼會(huì)比較方面，因?yàn)橛泻芏嗟目旖莨δ堋５菍?duì)于高手來(lái)說(shuō)，是用記事本都可以編輯網(wǎng)站的。3、dw的編輯面板主要有三種視圖，分為 “代碼”“拆分”“設(shè)計(jì)”，如下圖在制作網(wǎng)站的時(shí)候，能夠用到的主要是“代碼”視圖功能?！霸O(shè)計(jì)”和“拆分”視圖很少用到，只有當(dāng)網(wǎng)站代碼出現(xiàn)問(wèn)題的的時(shí)候用來(lái)查找錯(cuò)誤，對(duì)于有一年多代碼編寫經(jīng)驗(yàn)的人來(lái)說(shuō)，就已經(jīng)用不到了。4、在dw中編寫制作網(wǎng)站的代碼主要是div+css，也是就是html。網(wǎng)站布局也是通過(guò)html代碼來(lái)實(shí)現(xiàn)的，比如maigin 與padding position 都是來(lái)控制div的布局和位置的。所以，在dw里面設(shè)計(jì)網(wǎng)頁(yè)布局網(wǎng)站并不是dw的功能，還是通過(guò)代碼實(shí)現(xiàn)的。

CSS實(shí)現(xiàn)div隨著網(wǎng)頁(yè)的大小變化而變化，首先我們需要了解div的width和height的屬性設(shè)置，有一個(gè)auto參數(shù)，就是代表的是隨著內(nèi)容的大小而改變，瀏覽器縮小，自然div的寬度就會(huì)減小，高度就會(huì)有所增加，具體看下代碼:<html><head><style>#div1{width:auto;height:auto;}</style></head><body><div id='div1'><p>我是測(cè)試文字</p></div></body></html>

網(wǎng)頁(yè)布局方法很多,根據(jù)各人不同的喜好布局也不同:通常的布局方法有以下幾種:一.通過(guò)表格來(lái)布局表格布局的優(yōu)勢(shì)在于它能對(duì)不同對(duì)象加以處理，而又不用擔(dān)心不同對(duì)象之間的影響。而且表格在定位圖片和文本上比起用CSS更加方便。表格布局唯一的缺點(diǎn)是，當(dāng)你用了過(guò)多表格時(shí)，頁(yè)面下載速度受到影響二.通過(guò)層疊樣式表來(lái)布局CSS(層疊樣式表)被提出來(lái)，它能完全精確的定位文本和圖片。CSS對(duì)于初學(xué)者來(lái)說(shuō)顯得有點(diǎn)復(fù)雜，但它的確是一個(gè)好的布局方法。你曾經(jīng)無(wú)法實(shí)現(xiàn)的想法利用CSS都能實(shí)現(xiàn)三.通過(guò)框架來(lái)布局框架結(jié)構(gòu)的頁(yè)面被許多人不喜歡，可能是因?yàn)樗募嫒菪浴５珡牟季稚峡紤]，框架結(jié)構(gòu)不失為一個(gè)好的布局方法。它如同表格布局一樣，把不同對(duì)象放置到不同頁(yè)面加以處理，因?yàn)榭蚣芸梢匀∠吙颍砸话銇?lái)說(shuō)不影響整體美觀四.當(dāng)然還有其他的布局方式,比如你可以在紙上布局,就是先在紙上畫草圖,然后再按照?qǐng)D來(lái)做