首先網(wǎng)頁在普通的電腦上面顯示1900px的寬度會拉伸很多，這在網(wǎng)站的整體效果來說，訪客的體驗是不好的。字體大小也是根據(jù)網(wǎng)頁的布局來設(shè)置的并沒有一成不變的。 也就是說，大家會考慮設(shè)計用1500px的寬度主要是用戶大多都是19寸的顯示器么？那么1400的寬度被拉伸到1900px分辨率降低是自然情況么？那TB和JD為什么用19寸的顯示器和24寸的顯示器都沒有分辨率下降的問題，是因為他們用代碼寫的么？謝謝了 如果能做自適應(yīng)一般是沒有人寫死寬度為多少Px 自適應(yīng)是什么啊 是PS保存WBE格式那個還是DW里面那個設(shè)置啊 網(wǎng)頁開發(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-*這樣的辦法,不行...我感覺是響應(yīng)式的問題... 那就禁止響應(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)頁手機wap2.0網(wǎng)頁head加入面條元標簽iPhone瀏覽器頁面原始顯示并允許縮放 <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)頁手機wap2.0網(wǎng)頁head加入面條元標簽iPhone瀏覽器頁面原始顯示并允許縮放<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詳細介紹請參考三、文關(guān)于Meta例詳細介紹 原文址3. Meta元素視區(qū)　　默認情況iPhoneSafari象屏幕桌面瀏覽器顯示頁面寬度達980像素縮內(nèi)容適應(yīng)iPhone屏幕用戶iPhone看頁面覺字體比較比較模糊必須要放才能看真切于普通Web頁面似乎接受于用應(yīng)用程序沒幾能夠受　　幸運使用特殊Meta元素視區(qū)進行糾：<metaname="viewport" content="width=device-width"/>　　元素通知瀏覽器使用設(shè)備寬度作視區(qū)寬度默認980像素我看看兩同例　　例3(鏈接：http://www.sitepoint.com/examples/iphone-development-12tips/no-viewport.html)顯示簡單段落元素沒Meta元素視區(qū)字體點模糊iPhone運行實際情況圖所示圖 1 視區(qū)顯示效　　例4(鏈接：http://www.sitepoint.com/examples/iphone-development-12tips/viewport.html)包括視區(qū)元素現(xiàn)設(shè)備寬度320像素字體比前例更清晰iPhone運行實際情況圖所示圖 2 視區(qū)顯示效　　另外手設(shè)置device-width值例假設(shè)博客頁面寬度750像素桌面屏幕佳800x600像素例5(鏈接：http://www.sitepoint.com/examples/iphone-development-12tips/fixed750.html)顯示刪減版本iPhone瀏覽看980像素?？臻g都填充白色　　消除額外空間使用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)容包括逗號隔值initial-scale –用戶初看頁面放級別于Web應(yīng)用程序見設(shè)置：<metaname="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/>　　元素設(shè)置寬度設(shè)備寬度禁止用戶放縮

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

分別有;同字型 國字型 川字型 匡字型 三字型

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

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

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

網(wǎng)頁布局方法很多,根據(jù)各人不同的喜好布局也不同:通常的布局方法有以下幾種:一.通過表格來布局表格布局的優(yōu)勢在于它能對不同對象加以處理，而又不用擔心不同對象之間的影響。而且表格在定位圖片和文本上比起用CSS更加方便。表格布局唯一的缺點是，當你用了過多表格時，頁面下載速度受到影響二.通過層疊樣式表來布局CSS(層疊樣式表)被提出來，它能完全精確的定位文本和圖片。CSS對于初學者來說顯得有點復雜，但它的確是一個好的布局方法。你曾經(jīng)無法實現(xiàn)的想法利用CSS都能實現(xiàn)三.通過框架來布局框架結(jié)構(gòu)的頁面被許多人不喜歡，可能是因為它的兼容性。但從布局上考慮，框架結(jié)構(gòu)不失為一個好的布局方法。它如同表格布局一樣，把不同對象放置到不同頁面加以處理，因為框架可以取消邊框，所以一般來說不影響整體美觀四.當然還有其他的布局方式,比如你可以在紙上布局,就是先在紙上畫草圖,然后再按照圖來做