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

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

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

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