本文介绍了响应式页面的概念，起源于2000年手机网页访问需求，直至2010年响应式设计提出，允许网页适应不同屏幕。重点讲解了如何制作响应式页面，包括使用Bootstrap框架和手写方法，以及核心的CSS3 Media Queries技术，用于根据设备特性有条件地应用样式。同时提到了避免使用绝对尺寸和声明viewport标签等关键点。
响应式页面
概念部分
1.响应式页面的由来
在很久很久以前，我们做的网页只是为了PC端的观看、使用，直到2000年，2.5G手机的出现，人们可以通过手机来访问网络，使得服务商们纷纷做了另一套网页为手机访问服务，这个情况一直持续到2009年，3G智能手机的出现，手机可以访问PC端页面，只是对PC端页面进行了压缩，接着IOS提出了viewport(视口)的概念，才得以改进，大型网页可以不经缩放直接显示在手机——只是需要用户左右滑动屏幕，来看到更多的内容。
2010年，响应式网页概念被提出了：一个网页，可以适应各种不同的屏幕。响应式网页一般适合于企业门户、电子政务、资讯类….一屏下内容不是非常多的页面；但是不适合于京东首页等大型页面。
2.如何制作响应式页面
非常简单！
方法1：使用已有的响应式网页框架，如bootstrap;（框架官网都有使用的介绍）
这里说一个事情:框架都是人写的！不单单要会用框架，一个合格的前端开发工程师应该明白原理到底是怎么样的！！
我们用的框架都是业内大的公司自己用着不错，然后分享出来的。
方法2：手写呗；
- a:声明页面viewport标签—-响应式页面的前提条件
最低0.47元/天 解锁文章
257
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
