HTML5多終端響應(yīng)式網(wǎng)站建設(shè)服務(wù)商
2014/8/14 11:15:40
隨著3G的普及，越來(lái)越多的人使用手機(jī)上網(wǎng)。
移動(dòng)設(shè)備正超過(guò)桌面設(shè)備，成為訪(fǎng)問(wèn)互聯(lián)網(wǎng)的最常見(jiàn)終端。
于是，網(wǎng)頁(yè)設(shè)計(jì)師不得不面對(duì)一個(gè)難題：如何才能在不同大小的設(shè)備上呈現(xiàn)同樣的網(wǎng)頁(yè)？
在瀏覽器支持的情況下，HTML5頁(yè)面可以在多終端和多平臺(tái)之間得到最完美的瀏覽兼容，這一點(diǎn)在如今多終端如此普及的時(shí)代背景下，格外重要。
html5/css3響應(yīng)式布局介紹及設(shè)計(jì)流程，利用css3的media query媒體查詢(xún)功能。
移動(dòng)終端一般都是對(duì)css3支持比較好的高級(jí)瀏覽器不需要考慮響應(yīng)式布局的媒體查詢(xún)media query兼容問(wèn)題 一個(gè)普通的自適應(yīng)顯示的三欄網(wǎng)頁(yè)，當(dāng)你用不同的終端來(lái)查看這個(gè)頁(yè)面的時(shí)候，他會(huì)根據(jù)幾種終端來(lái)顯示不同的樣式，在電腦上是三列，在pad上應(yīng)該也是 三列，在大屏手機(jī)上是三行，在屏幕小于320的手機(jī)上只顯示主要內(nèi)容，隱藏掉了次要元素。(這里關(guān)于響應(yīng)式布局還有個(gè)比較好的消息，就是拖動(dòng)瀏覽器也可以 觸發(fā)判斷條件，測(cè)試的時(shí)候你不需要去找一堆手機(jī)，只要把自己的瀏覽器窗口縮小到一定尺寸就可以了。