HTML5常用的布局工具有哪些浮动布局，定位布局以及响应式布局，这三种布局是最基本最常见的，此外比较特殊的是弹性布局，弹性布局相对使用较少，需要根据项目的具体情况而定在网站开发当中，通常是需要结合多种布局去实现网页；HTML5中响应式布局怎么弄 步骤1 建立空白的HTML 5模版 首先，我们建立一个空白的模版，程式码很简单，如下所示复制程式码 步骤2 增加HTML 5新标签 HTML 5中新增加了不少标签，如article， aside， details， figcaption；我用IE浏览器测试了一下没错，你的浏览器不支持HTML5，所以无法显示为什么HTML5前端混合开发这么火首先我认为混合开发并没有想象的那么火，一个好的app底层还是会用原生开发我们都知道web开发中有个响应式，可以一；这样子就可以根据不同尺寸装置来进行响应式的布局为了更好的显示效果，我们往往还要格式化一些CSS属性的初始值 * 禁用iPhone中Safari的字号自动调整 * webkittextsizeadjust * 设定HTML5元素；HTML5是无法做这个事情的准确点说应该是用CSS的响应式布局这个东西你可以去看一下bootstrap，这个前端框架就是大量利用了这个技术；响应式布局最简单的就是用css3来实现我举一个最简单的例子下面是html代码lt！DOCTYPE html lthtml lang=quotenquot lthead ltmeta charset=quotUTF8quot ltmeta name =quotviewportquot content=quotwidth = devicewidth，initial；要看到本例的响应式表格效果，浏览器要缩放到小于600像素的大小HTML结构如下lttableid=quotmiyazakiquot ltcaptionThe Films of Miyazakiltcaption ltthead lttrltthFilmltthYearltthHonor lttbody lttr lttddatath。

如何在手机上开发页面和webhtml有区别吗两者没有区别在手机上开发网页有很多方法目前html5的发展不够均衡，导致各大浏览器对h5的支持都不尽如人意但是它增加了@media属性它属于css3，这里不严格区分html5和css3；结合起来，为读者全面深入地讲解了针对各种屏幕大小设计和开发现代网站的各种技术书中不仅讨论了媒体查询弹性布局响应式图片，更将新的和有用的HTML5 和CSS3 技术一并讲解，是学习新Web 设计技术***的佳作。

楼下正解，就是响应式布局RWD，可以用一些自动实现的框架，比如bootstrap原理我想就是动态css吧，有个东西叫less框架，可以去看看应该无非就是用百分比代替写死的像素大小；HTML网页布局方式有哪些？ 浮动布局，定位布局以及响应式布局，这三种布局是最基本最常见的，此外比较特殊的是弹性布局，弹性布局相对使用较少，需要根据项目的具体情况而定在网站开发当中，通常是需要结合多种布局去实现网页布局的如果是在学；1选择基本设计尺寸，一般以1080为基准确定响应式网页设计的应用场景后，与美工或设计师沟通之前，美工通常需要制作几套主流移动设备屏幕分辨率的设计图现在，使用streaminglayout和rem，可以使用一套设计图，以最常用的；中级学习者深入了解并有效掌握HTML5核心技巧的技术实战书籍，全书采用“基础知识 案例驱动”的双轨模式，精心安排了大量经典的HTML5设计实战案例，包括页面元素与布局动画与动效图形与图像交互操作页面组件音频与视频响应式设计等。

综上所述，“响应式页面”和HTML5关系不大，与CSS3的特性很有关系，如媒体查询media流媒体布局flex等等响应式页面是一种网页具有的展示方式或者说功能，这种功能可以使网页随着浏览器页面宽度的变化而变化，而要实现；全书按照网页设计的步骤，围绕描述网页内容的HTML描述网页样式的CSS以及描述网页行为的JavaScript三个知识点进行编写同时还涉及响应式布局字体式图标和框架技术等流行的网页设计技术最后用两个案例对全书知识进行贯穿总结；1选定基本设计尺寸，一般以1080为基准确定响应式web设计的应用场景之后，和美工或设计师沟通，之前，一般需要美工出几套主流移动设备屏幕分辨率的设计图，现在，使用流式布局以及rem等可以使用一套设计图，以最常用的移。