HTML5是無(wú)法做這個(gè)事情的準(zhǔn)確點(diǎn)說應(yīng)該是用CSS的響應(yīng)式布局這個(gè)東西你可以去看一下bootstrap，這個(gè)前端框架就是大量利用了這個(gè)技術(shù)；HTML5 制作響應(yīng)式網(wǎng)頁(yè)，首先需要考慮是全平臺(tái)適配還是只是移動(dòng)端適配這里以移動(dòng)端響應(yīng)式網(wǎng)站為例，講述如何制作響應(yīng)式網(wǎng)頁(yè)1選定基本設(shè)計(jì)尺寸，一般以1080為基準(zhǔn)確定響應(yīng)式web設(shè)計(jì)的應(yīng)用場(chǎng)景之后，和美工或設(shè)計(jì)師溝通，之前，一般需要美工出幾套主流移動(dòng)設(shè)備屏幕分辨率的設(shè)計(jì)圖，現(xiàn)在，使用流式布局；接下來(lái)看看響應(yīng)式網(wǎng)站與APP應(yīng)用的簡(jiǎn)單比較 方便性對(duì)比響應(yīng)式網(wǎng)站可以通過手機(jī)需要下載安裝后才能打開瀏覽器輕松上網(wǎng)，無(wú)須下載按照就能輕松獲取資訊但是APP應(yīng)用需要下載安裝后才能打開版本及時(shí)性對(duì)比網(wǎng)站會(huì)不定期統(tǒng)一升級(jí)維護(hù)，隨時(shí)登陸打開都會(huì)自動(dòng)更新到最新界面效果相反，APP應(yīng)用一般需用戶下載更新；響應(yīng)式布局最簡(jiǎn)單的就是用css3來(lái)實(shí)現(xiàn)我舉一個(gè)最簡(jiǎn)單的例子下面是html代碼lt！DOCTYPE html lthtml lang=quotenquot lthead ltmeta charset=quotUTF8quot ltmeta name =quotviewportquot content=quotwidth = devicewidth，initialscale=1quot lttitleindex01lttitle ltlink href=quotstyle01cssquot type=quot；HTML5建站就是常見的響應(yīng)式設(shè)計(jì)，徹底解決了多媒體元素間的組合zd使用，無(wú)需擔(dān)心訪問不流暢，網(wǎng)站頁(yè)面變得更豐富，網(wǎng)站界面卻更為簡(jiǎn)潔企業(yè)選擇H5自適應(yīng)建站，主要有以下幾個(gè)優(yōu)勢(shì)1頁(yè)面豐富簡(jiǎn)潔，能實(shí)現(xiàn)各種震撼眼球的網(wǎng)站視覺效果2有利于網(wǎng)站優(yōu)化，回H5標(biāo)簽在搜索引擎上能被快速收錄，網(wǎng)站排名上升。

響應(yīng)式的網(wǎng)站也叫Html5 看一個(gè)網(wǎng)站是否是響應(yīng)式的網(wǎng)站，可以將瀏覽器縮小，如果網(wǎng)站內(nèi)容的排版隨著瀏覽器的縮小而根據(jù)瀏覽器的大小來(lái)排版，那么就是響應(yīng)式的網(wǎng)站；網(wǎng)站，或者是手機(jī)版網(wǎng)站，建設(shè)一個(gè)響應(yīng)式的網(wǎng)站，花一份的錢，就能夠獲得兩種網(wǎng)站的體驗(yàn)，最終實(shí)現(xiàn)一站多用的效果，從而達(dá)到節(jié)省網(wǎng)站建設(shè)成本4營(yíng)銷方式更齊全響應(yīng)式設(shè)計(jì)可以讓你通過單一的URL地址收集所有的社交分享鏈接通過分享帶來(lái)更多的潛在用戶，擴(kuò)大產(chǎn)品影響力5簡(jiǎn)易輕松維護(hù)開發(fā)一個(gè)獨(dú)立；2 SukcesSukces是一款功能強(qiáng)大的HTML5 CSS3個(gè)人簡(jiǎn)歷網(wǎng)站著陸頁(yè)模板，適合所有人群，無(wú)論是自由職業(yè)者，設(shè)計(jì)師，攝影師，還是其他任何行業(yè)人群都可以使用該模板快速設(shè)計(jì)網(wǎng)頁(yè)該模板是基于Bootstrap 3框架，具有完全響應(yīng)式的設(shè)計(jì)，因此在任何設(shè)備上都可以完美展現(xiàn)特色l 精致的設(shè)計(jì)和動(dòng)畫效果 l 響應(yīng)。

H5界面基于HTML5標(biāo)準(zhǔn)，具有良好的跨平臺(tái)兼容性無(wú)論是PC端還是移動(dòng)端，無(wú)論是哪種操作系統(tǒng)，H5界面都能夠?qū)崿F(xiàn)良好的顯示效果和交互體驗(yàn)這使得開發(fā)者可以更加專注于業(yè)務(wù)邏輯的實(shí)現(xiàn)，而無(wú)需過多考慮不同平臺(tái)的兼容性問題四響應(yīng)式設(shè)計(jì) H5界面支持響應(yīng)式設(shè)計(jì)，可以自動(dòng)適應(yīng)不同屏幕尺寸和分辨率的顯示；2進(jìn)入后，先登錄自己的賬號(hào)，可以直接用微信登錄即可，登錄后就可以開始制作自己的手機(jī)網(wǎng)頁(yè)微場(chǎng)景了3首先點(diǎn)擊我的場(chǎng)景接著點(diǎn)擊制作場(chǎng)景，接著會(huì)進(jìn)入場(chǎng)景模板選擇界面，里面有很多免費(fèi)的模板4可以在模板中心選擇一個(gè)自己需要的點(diǎn)擊，直接套用模板，也可以選擇自己創(chuàng)建一個(gè)空白頁(yè)面5；5和響應(yīng)式頁(yè)面到底是有什么關(guān)系 5是的一個(gè)#39新版本#39，響應(yīng)式布局是一種能適應(yīng)不同解析度的布局方式 而且要寫響應(yīng)式布局，最簡(jiǎn)單的一個(gè)例子就是用Media Query！ 不知道我說明白了沒有~~ 還有是構(gòu)建網(wǎng)頁(yè)的基本元素 5是4的更新標(biāo)準(zhǔn)5新增了一些標(biāo)簽以及這些標(biāo)簽對(duì)應(yīng)的css和js介面 bootstrap；指的是 HTML5 HTML5本身是由W3C推薦出來(lái)的，它的開發(fā)是通過谷歌蘋果，諾基亞中國(guó)移動(dòng)等幾百家公司一起醞釀的技術(shù)，這個(gè)技術(shù)最大的好處在于它是一個(gè)公開的技術(shù)換句話說，每一個(gè)公開的標(biāo)準(zhǔn)都可以根據(jù)W3C的資料庫(kù)找尋根源另一方面，W3C通過的HTML5標(biāo)準(zhǔn)也就意味著每一個(gè)瀏覽器或每一個(gè)平臺(tái)都會(huì)去；第一種用vw和vh，1vw 的意思就是把屏幕的寬分成一百分后中的一分，也就是1%vh 指高度，同上第二種用bootstrap吧，bootstrap是一款CSS框架插件，自適應(yīng)上做的很好，比如，我們做一個(gè)DIV，讓電腦端顯示為三列，手機(jī)端顯示一列，可以這樣ltdiv calss=quotrowquot ltdiv class=quotcolmd3。

響應(yīng)式網(wǎng)站設(shè)計(jì)ResponsiveWebdesign的理念是集中創(chuàng)建頁(yè)面的圖片排版大小，可以智能地根據(jù)用戶行為以及使用的設(shè)備環(huán)境系統(tǒng)平臺(tái)屏幕尺寸屏幕定向等進(jìn)行相對(duì)應(yīng)的布局 如果你需要做一個(gè)響應(yīng)式網(wǎng)站可以去大腕互聯(lián)看看，他們的響站是五網(wǎng)合一網(wǎng)站建設(shè)的，方便管理，快捷創(chuàng)建；HTML 中有用于創(chuàng)建有序列表的特定元素有序列表以 ltol 開始，中間包含一個(gè)或多個(gè) ltli 元素 最后以 ltol 結(jié)束例如注意 別忘了 input 元素是 quot自閉和標(biāo)簽quot，即不需要結(jié)束標(biāo)簽input 表單元素標(biāo)簽 br 換行 hr 水平線 img 圖片 option 下拉菜單項(xiàng)；網(wǎng)站主頁(yè)應(yīng)簡(jiǎn)潔明了，避免內(nèi)容過多或大量圖片分散用戶注意力，導(dǎo)致用戶無(wú)法找到有價(jià)值的信息使用成品網(wǎng)站模板，可快速完成美觀的響應(yīng)式網(wǎng)站設(shè)計(jì)，無(wú)需擔(dān)心頁(yè)面設(shè)計(jì)問題呈現(xiàn)有價(jià)值的內(nèi)容及整潔的排版也是降低跳出率的重要因素提供符合用戶需求的原創(chuàng)或偽原創(chuàng)內(nèi)容，確保內(nèi)容設(shè)置符合閱讀習(xí)慣，包括合適的字體。