解决方案:织梦仿站高级视频教程—h5响应式布局，全新的效果加代码解析

　　解决方案:织梦仿站高级视频教程—h5响应式布局，全新的效果加代码解析

　　织梦仿站高级视频教程—h5响应式布局，全新的效果加代码解析，有了这个，带你快速上手响应式布局前言：整理了一些大家经常问到的一些高级做法和一些常用的替换方法，分享给大家大家。响应式布局.由于不确定现在到底用的是什么比较好的技术，或者说它们能否不需要我们去费力。所以我并没有去看很多的文章，没有去定义什么是响应式布局，所以比较粗糙的说，我只认为，采用平行架构，而不是layout布局的话，应该认为它不是响应式布局。

　　假设我们有个客户端需要在应用中播放视频，同时要在后台播放音频。那么，我们就需要把他们分别作为单独的一块进行。因为应用和网页的，对于移动设备而言，体积是非常大的。所以在切换多个模块的时候就比较占用空间。注意了，这里要给到大家一个认识，单独的一块应用中，比如一个网页要播放视频，我们就要把音频单独拎出来，就认为是一个应用了。

　　同理，这里所说的是layout布局要单独拎出来。这样可以让新版本的浏览器里面不用考虑说引擎和预处理文件是否可以挂在上去。如果说两个页面，分别做前端和后端，那么处理多个布局整理也就变成一件非常麻烦的事情。整理：网页图片如何来摆放。

　　1、如果我们要在两个网页间的话，如果两个网页是以图片来处理的话，我们就要去replace图片，去替换。但是我们如果是前端向我们这边插入代码的话，需要把代码转换成js或者xml等格式之后再去replace。所以效率不高。

　　2、这里我们就要去把图片的文件夹再进行标签化。通过点击文件夹右边的class，或者直接在浏览器的搜索框里面搜索文件夹的关键字，

　　3、还有一种方法，就是我们前端往浏览器里面传，告诉他，我传了一个图片，这样处理的效率高，体积小。做法：选一个图片我将图片给他share一下。让浏览器只使用图片，不使用文件我们多引入一个外部的图片，另外一个用来播放控制器。浏览器打开控制器，我们要去把控制器的内容发送给服务器，然后去判断，这个view上面的图片是否已经存在。如果有的话，就是相对于自己的图片存在的。而且会进行缓存，就可以极大的提高查找图片的效率。

　　总结：

　　1、如果是h5，我们要先明确一个问题，就是我到底要传给浏览器多少的内容，然后他才可以得到最佳的体验。

　　2、渲染网页速度：根据代码处理的复杂度来分类吧（比如，你要压缩它也不必担心，不会压缩的都是比较小，你大可以一次性都压缩好。你不必担心这个问题）layout布局.像上面一样，首先，我们得确定我们需要传哪些页面。然后我们做最简单的划分。