1、現(xiàn)在的智能手機(jī)主流瀏覽器都是支持HTML5的，準(zhǔn)確的說(shuō)，手機(jī)瀏覽器對(duì)HTML5的支持超過(guò)了PC瀏覽器只要按照W3C標(biāo)準(zhǔn)來(lái)做，手機(jī)上的頁(yè)面跟電腦上是一樣的，不過(guò)最好根據(jù)手機(jī)屏幕小，流量資源有限，硬件性能不及PC的特點(diǎn)，做專門(mén)用于手機(jī)訪問(wèn)的頁(yè)面；1 利用meta標(biāo)簽設(shè)置viewport元標(biāo)簽，初始比例為1，最小比例為1，最大比例為1，用戶不可擴(kuò)展，頁(yè)面不可縮放這有助于頁(yè)面在不同設(shè)備上保持原始比例2 百分比法CSS中的百分比相對(duì)于父元素寬度定位，子元素可按百分比設(shè)置尺寸，如設(shè)置padding或margin這種方法適合布局簡(jiǎn)單的頁(yè)面，實(shí)現(xiàn)復(fù)雜頁(yè)面較；2 H5頁(yè)面的特點(diǎn) H5頁(yè)面主要面向移動(dòng)端設(shè)備，如智能手機(jī)和平板電腦它具有以下特點(diǎn)兼容性H5頁(yè)面可以在各種瀏覽器和設(shè)備上正常運(yùn)行，無(wú)論是電腦還是移動(dòng)設(shè)備多媒體支持HTML5提供了更好的音頻和視頻支持，使得在H5頁(yè)面上嵌入多媒體內(nèi)容變得更加簡(jiǎn)單交互性H5頁(yè)面支持各種交互元素，如動(dòng)畫(huà)游戲等；4 良好的兼容性HTML5設(shè)計(jì)初衷就是實(shí)現(xiàn)跨瀏覽器的兼容性，確保在各種設(shè)備上都能良好地運(yùn)行四實(shí)際應(yīng)用 許多現(xiàn)代的網(wǎng)站和Web應(yīng)用都采用了HTML5技術(shù)，特別是在需要良好交互性和多媒體內(nèi)容的情況下H5端為用戶提供了一個(gè)統(tǒng)一的無(wú)縫的瀏覽體驗(yàn)，不論是在桌面電腦還是移動(dòng)設(shè)備上此外，許多在線游戲。

2、理論上是可以的，但I(xiàn)E8及以下的瀏覽器對(duì)html5幾乎不支持，ie9也不全支持，而國(guó)內(nèi)用xp的人還很多，所以這個(gè)過(guò)程還很漫長(zhǎng)??；該瀏覽器已支持Windows平臺(tái)，但是與運(yùn)行在Mac OS X上的safari相比，有些功能出現(xiàn)丟失Safari也是iPhone手機(jī)iPod TouchiPad平板電腦中iOS指定默認(rèn)瀏覽器Safari 以驚人速度渲染網(wǎng)頁(yè)與 MacPC 及 iPod touchiPhoneiPad完美兼容讓最愛(ài)網(wǎng)站一目了然聰明的它還會(huì)檢查拼寫(xiě)和語(yǔ)法；html5頁(yè)面是和手機(jī)瀏覽器兼容的BootStrap響應(yīng)式開(kāi)發(fā)開(kāi)發(fā)手機(jī)端響應(yīng)式布局網(wǎng)站，適合移動(dòng)開(kāi)發(fā)人員學(xué)習(xí)也就是響應(yīng)式開(kāi)發(fā)；html5移動(dòng)開(kāi)發(fā)跟pc開(kāi)發(fā)區(qū)別還是有的，如下幾點(diǎn)移動(dòng)端不需要 300ms 的單擊確認(rèn)，所以不要監(jiān)聽(tīng) click 事件2 移動(dòng)端網(wǎng)絡(luò)一般較慢，如何減小頁(yè)面體積及請(qǐng)求數(shù)，利用好緩存3 移動(dòng)端需要點(diǎn)擊的元素及其間隔不能太小，考慮手指的面積4 橫屏和豎屏下的表現(xiàn)5 不同瀏覽器間的兼容性太多了，如；1WAPwireless application protocol是無(wú)線應(yīng)用協(xié)議的縮寫(xiě)，一種實(shí)現(xiàn)移動(dòng)電話與互聯(lián)網(wǎng)結(jié)合的應(yīng)用協(xié)議標(biāo)準(zhǔn)wap網(wǎng)站也就是我們通常說(shuō)的手機(jī)站2html5是W3C制定的超文本標(biāo)記語(yǔ)言html的第五次修改，通過(guò)html5制作的網(wǎng)站可以靈活運(yùn)行于PC，平板，手機(jī)等各種媒體3wap網(wǎng)站只能運(yùn)行于手機(jī)端；1打開(kāi)手機(jī)web檢查器通過(guò)設(shè)置Safari高級(jí)Web檢查器打開(kāi)見(jiàn)下圖點(diǎn)擊查看大圖，并且你會(huì)看到該選項(xiàng)下面對(duì)電腦操作的相應(yīng)描述，照做就好2鏈接電腦Mac21 先在手機(jī)Safari中打開(kāi)你想調(diào)試的網(wǎng)頁(yè)，并用數(shù)據(jù)線連接到電腦我這里是Mac22 再在電腦上打開(kāi)Safari點(diǎn)擊；PC要考慮IE8只兼容部分5標(biāo)簽，IE9也不夠完全 其他一些 flash運(yùn)用，交互也是有區(qū)別的 iphone不知道flash，上系上js多了觸控事件，PC的是點(diǎn)擊事件等 需要學(xué)習(xí)5標(biāo)簽的使用，跟PC端常用的x標(biāo)簽很大不同，一些新樣式可以用，可以實(shí)現(xiàn)更多交互的場(chǎng)景應(yīng)用 web前端和HTML5開(kāi)發(fā)有什么區(qū)別 HTML5手機(jī)應(yīng)。

3、H5頁(yè)面，指的是使用HTML5技術(shù)構(gòu)建的網(wǎng)頁(yè)，這種技術(shù)在PC和手機(jī)瀏覽器上均能運(yùn)行，廣泛應(yīng)用于微信公眾號(hào)文章APP活動(dòng)頁(yè)等場(chǎng)景手機(jī)H5頁(yè)面則是針對(duì)移動(dòng)設(shè)備優(yōu)化的，通過(guò)手機(jī)瀏覽器直接訪問(wèn)，無(wú)需額外安裝，大大提高了用戶體驗(yàn)H5頁(yè)面的優(yōu)勢(shì)顯而易見(jiàn)，其跨平臺(tái)兼容性使得開(kāi)發(fā)者無(wú)需為不同設(shè)備開(kāi)發(fā)獨(dú)立應(yīng)用；H5的最顯著的優(yōu)勢(shì)在于跨平臺(tái)性，用H5搭建的站點(diǎn)與應(yīng)用可以兼容PC端與移動(dòng)端Windows與Linux安卓與IOS它可以輕易地移植到各種不同的開(kāi)放平臺(tái)應(yīng)用平臺(tái)上，打破各自為政的局面這種強(qiáng)大的兼容性可以顯著地降低開(kāi)發(fā)與運(yùn)營(yíng)成本，可以讓企業(yè)特別是創(chuàng)業(yè)者獲得更多的發(fā)展機(jī)遇此外，H5的本地存儲(chǔ)特性也給；這個(gè)比較麻煩手機(jī)端沒(méi)有支持播放的插件或功能，與PC是完全不同的環(huán)境；這個(gè)看支持什么屬性了， 因?yàn)樽鲇螒蛞玫膶傩员容^多，所以還是有一些經(jīng)驗(yàn) 支持很好的safari海豚 支持得還行的 海豚， 遨游， 天天， 原生22以上就不用說(shuō)了，opera很一般支持的UC， ，海豚瀏覽器訪問(wèn)html5網(wǎng)頁(yè)很流暢。

4、隨著移動(dòng)互聯(lián)網(wǎng)的普及，用戶訪問(wèn)網(wǎng)頁(yè)的設(shè)備越來(lái)越多樣化HTML5在設(shè)計(jì)時(shí)充分考慮了這一點(diǎn)，致力于在各種設(shè)備和瀏覽器上提供一致的用戶體驗(yàn)無(wú)論是桌面電腦平板電腦還是智能手機(jī)，無(wú)論是ChromeFirefox還是Safari等瀏覽器，HTML5都能夠?qū)崿F(xiàn)良好的兼容性和性能表現(xiàn)這使得開(kāi)發(fā)者無(wú)需針對(duì)不同平臺(tái)進(jìn)行繁瑣的；可以的，如果你做的是pc端的話，那么看到的就是電腦的那種頁(yè)面，如果你做了移動(dòng)端的話，手機(jī)看到的就是手機(jī)的那種網(wǎng)頁(yè)。