現(xiàn)在都是大屏?xí)r代，基本上，從設(shè)計(jì)網(wǎng)頁(yè)的角度來(lái)看，在PHOTOSHOP上，寬為960像素最為合適4隨現(xiàn)在瀏覽的工具越來(lái)越多，包括手機(jī)IPAD等，出現(xiàn)了自適應(yīng)的網(wǎng)頁(yè)設(shè)計(jì)功能，需要HTML5及DIV+CSS的代碼調(diào)用了。

通過(guò)對(duì)HTML5的定義，我們可以了解到HTML5具有獨(dú)特的優(yōu)勢(shì)網(wǎng)絡(luò)標(biāo)準(zhǔn)多設(shè)備跨平臺(tái)自適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)這對(duì)于程序員來(lái)說(shuō)是絕對(duì)的福音，你只需掌握HTML5就能即時(shí)更新自己的頁(yè)面適應(yīng)多個(gè)瀏覽器2HTML5對(duì)我們什么作用？對(duì)于互聯(lián)網(wǎng)。

什么是自適應(yīng)網(wǎng)頁(yè)自適應(yīng)網(wǎng)頁(yè)顧名思義，就是利用HTML5的新功能和新技術(shù)，對(duì)計(jì)算機(jī)手機(jī)等終端進(jìn)行自適應(yīng)渲染，并在不同終端上實(shí)現(xiàn)相應(yīng)的效果，自適應(yīng)網(wǎng)頁(yè)已成為網(wǎng)站建設(shè)的主流方式那么，自適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)的時(shí)候要注意什。

二Adobe Dreamweaver CS6 Adobe Dreamweaver CS6作為一個(gè)Web設(shè)計(jì)軟件，提供了對(duì)HTML網(wǎng)站和移動(dòng)程序的可視化編輯界面其Fluid Grid排版系統(tǒng)整合CSS樣式表功能，提供自適應(yīng)版面的跨平臺(tái)兼容性開(kāi)發(fā)者可以完全實(shí)現(xiàn)Web設(shè)計(jì)的可視化。

這樣你看，不管你是用普通的img元素，還是用html5畫布，都可以自適應(yīng)瀏覽器窗口的分辨率關(guān)于作圖大小的問(wèn)題要看你的需求，如果需要全部可見(jiàn)，那么你作圖的尺寸上限就不能超過(guò)屏幕可見(jiàn)范圍，如果可以使用scroll卷軸來(lái)瀏覽，那么。

自從2010年，Ethan Marcotte提出了 “自適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)”Responsive Web Design這個(gè)名詞，指可以自動(dòng)識(shí)別屏幕寬度并做出相應(yīng)調(diào)整的網(wǎng)頁(yè)設(shè)計(jì)他制作了一個(gè) 范例，里面是福爾摩斯歷險(xiǎn)記六個(gè)主人公的頭像如果屏幕寬度大于。

圖片分為背景圖片和通過(guò)img標(biāo)簽引入的圖片，前者可以通過(guò)media query自動(dòng)的切換不同分辨率的版本，但是在不支持background image size的瀏覽器中背景圖片無(wú)法無(wú)級(jí)的調(diào)整大小。