HTML响应式设计，实例展示
web的响应式设计是什么样的呢？可以参考一下本站，可以用鼠标对网页的宽度进行缩放，可以发现网页的内容会按照特定的样式进行改变，从而在有限的屏幕里纳进更多的网页内容，而不会被屏幕遮挡（形成x轴的滚动条），或导致网页样式“上蹿下跳”。这就是HTML响应式设计的效果。
HTML响应式设计
那么，HTML的响应式设计该怎么做呢？说实话，用纯HTML+CSS来设计的话，鄙人也没有什么经验，鄙人最先学编程的时候是从后端开始学的，主攻的也是后端的编程开发，前端的三件套HTML+CSS+JS，学了一遍，然后就直接使用前端框架了，用的是bootstrap，开发很高效，一些需要定制化的内容则是自己来编写的（内容相对较少）。当然了，主要还是本站的定位相对来说比较简单，以文字内容为主，而且是个人站，资源有限，那些更加复杂的比如电商网站、视频网站等可能就需要自己设计前端的内容了，或多个前端的框架一起使用。
HTML响应式设计有什么好处
HTML的响应式设计给网站带来的好处可能有很多点，这里简单总结几点，如下：
- HTML的响应式设计对用户来说可以更加友好，阅读起来或使用起来更加方便；
- 对开发也友好，只需要一套前端的代码，就可以让网页较好地在PC端和移动端进行展示；
- 对网页的搜索的机器抓取友好；