HTML5是无法做这个事情的准确点说应该是用CSS的响应式布局这个东西你可以去看一下bootstrap，这个前端框架就是大量利用了这个技术；HTML5 制作响应式网页，首先需要考虑是全平台适配还是只是移动端适配这里以移动端响应式网站为例，讲述如何制作响应式网页1选定基本设计尺寸，一般以1080为基准确定响应式web设计的应用场景之后，和美工或设计师沟通，之前，一般需要美工出几套主流移动设备屏幕分辨率的设计图，现在，使用流式布局；接下来看看响应式网站与APP应用的简单比较 方便性对比响应式网站可以通过手机需要下载安装后才能打开浏览器轻松上网，无须下载按照就能轻松获取资讯但是APP应用需要下载安装后才能打开版本及时性对比网站会不定期统一升级维护，随时登陆打开都会自动更新到最新界面效果相反，APP应用一般需用户下载更新；响应式布局最简单的就是用css3来实现我举一个最简单的例子下面是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使用，无需担心访问不流畅，网站页面变得更丰富，网站界面却更为简洁企业选择H5自适应建站，主要有以下几个优势1页面丰富简洁，能实现各种震撼眼球的网站视觉效果2有利于网站优化，回H5标签在搜索引擎上能被快速收录，网站排名上升。

响应式的网站也叫Html5 看一个网站是否是响应式的网站，可以将浏览器缩小，如果网站内容的排版随着浏览器的缩小而根据浏览器的大小来排版，那么就是响应式的网站；网站，或者是手机版网站，建设一个响应式的网站，花一份的钱，就能够获得两种网站的体验，最终实现一站多用的效果，从而达到节省网站建设成本4营销方式更齐全响应式设计可以让你通过单一的URL地址收集所有的社交分享链接通过分享带来更多的潜在用户，扩大产品影响力5简易轻松维护开发一个独立；2 SukcesSukces是一款功能强大的HTML5 CSS3个人简历网站着陆页模板，适合所有人群，无论是自由职业者，设计师，摄影师，还是其他任何行业人群都可以使用该模板快速设计网页该模板是基于Bootstrap 3框架，具有完全响应式的设计，因此在任何设备上都可以完美展现特色l 精致的设计和动画效果 l 响应。

H5界面基于HTML5标准，具有良好的跨平台兼容性无论是PC端还是移动端，无论是哪种操作系统，H5界面都能够实现良好的显示效果和交互体验这使得开发者可以更加专注于业务逻辑的实现，而无需过多考虑不同平台的兼容性问题四响应式设计 H5界面支持响应式设计，可以自动适应不同屏幕尺寸和分辨率的显示；2进入后，先登录自己的账号，可以直接用微信登录即可，登录后就可以开始制作自己的手机网页微场景了3首先点击我的场景接着点击制作场景，接着会进入场景模板选择界面，里面有很多免费的模板4可以在模板中心选择一个自己需要的点击，直接套用模板，也可以选择自己创建一个空白页面5；5和响应式页面到底是有什么关系 5是的一个#39新版本#39，响应式布局是一种能适应不同解析度的布局方式 而且要写响应式布局，最简单的一个例子就是用Media Query！ 不知道我说明白了没有~~ 还有是构建网页的基本元素 5是4的更新标准5新增了一些标签以及这些标签对应的css和js介面 bootstrap；指的是 HTML5 HTML5本身是由W3C推荐出来的，它的开发是通过谷歌苹果，诺基亚中国移动等几百家公司一起酝酿的技术，这个技术最大的好处在于它是一个公开的技术换句话说，每一个公开的标准都可以根据W3C的资料库找寻根源另一方面，W3C通过的HTML5标准也就意味着每一个浏览器或每一个平台都会去；第一种用vw和vh，1vw 的意思就是把屏幕的宽分成一百分后中的一分，也就是1%vh 指高度，同上第二种用bootstrap吧，bootstrap是一款CSS框架插件，自适应上做的很好，比如，我们做一个DIV，让电脑端显示为三列，手机端显示一列，可以这样ltdiv calss=quotrowquot ltdiv class=quotcolmd3。

响应式网站设计ResponsiveWebdesign的理念是集中创建页面的图片排版大小，可以智能地根据用户行为以及使用的设备环境系统平台屏幕尺寸屏幕定向等进行相对应的布局 如果你需要做一个响应式网站可以去大腕互联看看，他们的响站是五网合一网站建设的，方便管理，快捷创建；HTML 中有用于创建有序列表的特定元素有序列表以 ltol 开始，中间包含一个或多个 ltli 元素 最后以 ltol 结束例如注意 别忘了 input 元素是 quot自闭和标签quot，即不需要结束标签input 表单元素标签 br 换行 hr 水平线 img 图片 option 下拉菜单项；网站主页应简洁明了，避免内容过多或大量图片分散用户注意力，导致用户无法找到有价值的信息使用成品网站模板，可快速完成美观的响应式网站设计，无需担心页面设计问题呈现有价值的内容及整洁的排版也是降低跳出率的重要因素提供符合用户需求的原创或伪原创内容，确保内容设置符合阅读习惯，包括合适的字体。