分類: 百科 常識(shí)詞典 編輯 : 常識(shí) 發(fā)布 : 11-21

閱讀 :418

如何使用 HTML5 技術(shù)適配不同分辨率的設(shè)備？6 個(gè)答案

答案 1：

css2/css3里面有個(gè)@media ,用法如@media all and (device--eig-t:800px){ … } ,應(yīng)該能解決你的問(wèn)題吧。

答案 2：

這個(gè)問(wèn)題問(wèn)的太有水準(zhǔn)了，好難回答。。。

答案 3：

簡(jiǎn)單說(shuō)，CSS media query。具體實(shí)現(xiàn)就比較復(fù)雜了，比如media query各瀏覽器支持程度不一。此外在技術(shù)實(shí)現(xiàn)之前，首先你在設(shè)計(jì)層面要有這個(gè)意識(shí)。有時(shí)候，適配不僅僅是分辨率（resolution）問(wèn)題，還有DPI問(wèn)題。另外還有操作差異，比如觸摸（手持設(shè)備）還是鼠標(biāo)（desktop）還是-（Web TV）。在許多場(chǎng)合下，還是會(huì)考慮做獨(dú)立的版本，而不是在一個(gè)版本里進(jìn)行適配。

答案 4：

自適應(yīng)不是HTML5的功能，想想在電腦上網(wǎng)頁(yè)是怎么自適應(yīng)寬度的，舉個(gè)例子用widt-=100%就可以在不同分辨率的顯示器上顯示同樣的效果了，HTML自推出就涵蓋了這種功能，不論是顯示器還是手機(jī)屏幕，其實(shí)大同小異了

答案 5：

自適應(yīng)寬度

答案 6：

搜索responsive web design

下一篇:有沒(méi)有專門(mén)介紹開(kāi)源項(xiàng)目運(yùn)作的書(shū)籍? 下一篇 【方向鍵 ( → )下一篇】

上一篇:有誰(shuí)看過(guò)《貓湯》這部深刻的動(dòng)漫沒(méi)有？怎么評(píng)價(jià)？ 上一篇 【方向鍵 ( ← )上一篇】