网页设计中响应式具体怎么实现 如何制作响应式网站？
如何制作响应式网站？HTML5做一个响应式的网页，需要考虑是全平台适配还是仅仅移动适配。这里以一个移动响应式网站为例，介绍如何制作响应式网页。1、选定的基本设计尺寸，一般以1080为基础。确定响应式网
如何制作响应式网站？HTML5做一个响应式的网页，需要考虑是全平台适配还是仅仅移动适配。这里以一个移动响应式网站为例，介绍如何制作响应式网页。
1、选定的基本设计尺寸，一般以1080为基础。确定响应式网页设计的应用场景后，与美工(或设计师)沟通。之前一般需要美工画几套主流移动设备屏幕分辨率的设计图。现在，根据移动设备最常用的屏幕分辨率，一套设计图可以用于流式布局和rem。
2.美工完成设计，前端工程师的工作就开始了。这时候可以用PS或者FW来切图。一般来说Fireworkscs6切图比较快，但是有时候在Fireworks中会发生画面失真的情况，所以有时候需要使用PS来配合，PS有切片工具可以专门用来切图。
解释响应式布局，怎么实现的？有几种方法实现？1 .原生代码实现。
目前国内设计一个网页时，一般分为PC端和移动端两套页面。但在某些情况下，必须满足只设计一个页面，不同端口可以正常使用。
因此，将使用自适应方法。
原生代码实现的，在于media query @media的设置。
@media screen可以查询当前浏览器的大小，所以可以用这个方法为同一个页面设置不同的CSS样式，以满足不同的分辨率要求。
2.采用bootstrap框架布局。
bootstrap框架布局的页面是自动对应的自适应效果。
然而，在写作时，我们应该严格遵循bootstrap 的写作规范，这样就不会出现怪异的问题。
写作范例:
注意:最后一个数字对应于div占据的围栏中的列数。
Col-md-6代表PC端一行显示的六个栅栏，也就是一半。
Col-sm-6表示div占平板当前行的一半。
Col-xs-12代表移动上显示的当前行的100%填充。
3.还有其他，比如专门做响应的JQuery和JS文件，比如nicebox，可以实现自适应的效果和响应式的布局。
HTML中的响应式是什么？反应就是这个问题衍生出来的一个概念。它可以自动识别屏幕宽度，并对网页设计做出相应的调整，版面和显示内容可能会发生变化。
响应:根据不同的设备、不同的宽度、不同的特性，相应调整页面上内容的样式，调整响应的布局和内容。