在这里简单给大家介绍一下H5响应式网站1响应式设计，支持任何设备和系统 电脑手机平板响应式设计是时代所趋用大腕互联响站建出来的网站能让用户无论是在工作出游还是在走路休息的时候浏览网站，都能拥有最。

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

什么是H5响应式布局？代码什么的，不方便理解简单说来，几年前，我们为实现移动端和PC端网页相同的呈现效果，需要开发两个单独的网站响应式布局的出现，能帮我们实现“一次设计，普遍适用”的效果，网页根据终端自动调整。

响应式网站是指网站样式根据屏幕大小自适应，基本的HTML结构不变，不同屏幕应用不同的css代码，可以用媒体查询，也就是@media这个来做举例media screen and lta href=quotwidthtn=。

如果是在学习网页布局的相关知识，可以弄本HTML5布局之路，来辅助自己的学习 解释响应式布局，怎么实现的有几种方法实现1原生代码实现在国内目前设计网页的时候，一般会分成PC端和移动端两套页面，但在一定的情况下。

当窗口小于480px的时候，横向导航条隐藏，换成点击下拉效果的导航条如上图，从左至右依次为移动版本平板电脑桌面浏览器的效果1响应式网页结构 首先，我们先来看下上面案例展示的html结构，如下图所示可以说。

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