1、首先需要考虑是全平台适配还是只是移动端适配这里以移动端响应式网站为例，讲述如何制作响应式网页#xF4CF选定基本设计尺寸选定基本设计尺寸，一般以1080为基准确定响应式web设计的应用场景之后，和美工或设计师沟通，之前，一般需要美工出几。

2、步骤1 创建空白的HTML 5模版 首先，我们创建一个空白的模版，代码很简单，如下所示复制代码 步骤2 增加HTML 5新标签 HTML 5中新增加了不少标签，如article， aside， details， figcaption， figure， footer， header。

3、HTML5建站就是常见的响应式设计，彻底解决了多媒体元素间的组合zd使用，无需担心访问不流畅，网站页面变得更丰富，网站界面却更为简洁企业选择H5自适应建站，主要有以下几个优势1页面丰富简洁，能实现各种震撼眼球的网站。

4、1选择基本设计尺寸，一般以1080为基准确定响应式网页设计的应用场景后，与美工或设计师沟通之前，美工通常需要制作几套主流移动设备屏幕分辨率的设计图现在，使用streaminglayout和rem，可以使用一套设计图，以最常用的。

5、“响应式页面”跟“h5页面”都是基于html5规范的网页“响应式页面”通常应用于公司网站，主要是PC端的访问，但由于制作是按照百分比适配的，可以兼顾pad端和移动端同时适配，coolsite360就是一款制作响应式建站的工具，“h5。

6、响应式页面是指，使用响应式的页面设计思想，编写出来的页面，这种页面可以在电脑这种大屏幕显示，也可以在手机这种小屏幕显示，这种可以一次编写，在多种屏幕显示的设计思想，就是响应式，就比如你设计一行方块，这些方块显示。

7、其实关系不大1HTML5是目前HTML最新的修订版本，于2014年10月由全球资讯网联盟W3C完成标准制定2HTML5增加了一些新的语法标准和功能特性，如新的HTML标签，对多媒体的支援2D3D绘画等3根据“响应式网页。

8、响应式网站设计ResponsiveWebdesign的理念是集中创建页面的图片排版大小，可以智能地根据用户行为以及使用的设备环境系统平台屏幕尺寸屏幕定向等进行相对应的布局 如果你需要做一个响应式网站可以去大腕互联看看，他们。

9、目前最常见的解决方案作为一般规则，你会在任何响应式网站中发现以下CSS样式1img 2maxwidth 100%3height auto4此代码使用maxwidth100%的设置，以确保图像永远不会超越其父容器的宽度如果父容器的宽度收缩小于。

10、1页面丰富简洁 H5技术实现的网站也即是常说的响应式设计，改善了页面多媒体元素的使用问题，之前建站页面主张减少动画视频等的使用，由于所占的网站资源空间多，导致页面加载速度慢的情况，但如今使用H5建站，不仅可以大胆。

11、换句话说，每一个公开的标准都可以根据W3C的资料库找寻根源另一方面，W3C通过的HTML5标准也就意味着每一个浏览器或每一个平台都会去实现HTML5的设计目的是为了在移动设备上支持多媒体新的语法特征被引进以支持这一点。

12、使用一套代码同时兼容不同的设备 如一套代码兼容PC手机平板，甚至电视等 传统的非响应式的一般对不同的设备单独做适配，如果检测是PC则跳到PC站，是手机跳到移动站。

13、Web应用程序HTML5通过WebSocket和WebWorker机制，使得Web应用程序可以跨越不同的网络连接方式，并可以离线使用通过使用CacheManifest， 大大增强了Web应用程序的功能和可靠性移动设备优化HTML5支持响应式Web设计和自适应。

14、响应式布局是指的PC端移动端以及平板都可以兼容的视图模式，而HTML5只是一个工具，bootstrap是目前最受欢迎的前端框架Bootstrap 是基于 HTMLCSSJAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷，Bootstrap 的响应式。

15、HTML 中有用于创建有序列表的特定元素有序列表以 ltol 开始，中间包含一个或多个 ltli 元素 最后以 ltol 结束例如注意 别忘了 input 元素是 quot自闭和标签quot，即不需要结束标签input 表单元素标签。

16、1 腾讯新闻腾讯新闻的移动端网站就是一个典型的h5网站它采用了响应式设计，能够自适应不同尺寸的屏幕，保证在不同设备上都能获得良好的阅读体验同时，腾讯新闻还利用了HTML5的多媒体特性，在网站上嵌入了丰富的视频。

17、第一种用vw和vh，1vw 的意思就是把屏幕的宽分成一百分后中的一分，也就是1%vh 指高度，同上第二种用bootstrap吧，bootstrap是一款CSS框架插件，自适应上做的很好，比如，我们做一个DIV，让电脑端显示为三列。

18、或许您会有所收获老狮认为H5响应式网站具备以下六点优势01对搜索引擎友好 网上有人是这么讲的基于Flash的网站在搜索引擎上基本上是搜不到的，而搜索引擎的蜘蛛却能抓取你的HTML5站点和索引你的内容所有嵌入到动画中。