说说响应式设计(responsive design)和自适应设计(adaptive design)的区别？
responsive design 同代碼
adaptive design 不同代碼
-
无需在此对响应式网页设计多做介绍，它已经无所不在了。但是你可能会疑惑：为什么在 Sass 样式指南中会有关于响应式网页设计的章节？正因为有诸多降低断点使用难度的方式，所以我认为在这里列出来会是个不错的主意。 命名断点 我认为使用媒体查询而不针对特定设备是安全可靠的做法。特别要指出的是，不应该赞成专门针对 iPad 或黑莓手机设计媒体查询。媒体查询应该关注屏幕尺寸，直到当前设计遇到阻断而将所有工作过
-
软件模式是将模式的一般概念应用于软件开发领域，即软件开发的 总体指导思路或参照样板。软件模式并非仅限于设计模式，还包括 架构模式、分析模式和过程模式等，实际上，在软件生存期的每一 个阶段都存在着一些被认同的模式。
-
软件模式是将模式的一般概念应用于软件开发领域，即软件开发的总体指导思路或参照样板。软件模式并非仅限于设计模式，还包括架构模式、分析模式和过程模式等，实际上，在软件生存期的每一个阶段都存在着一些被认同的模式。 本书使用图形和代码结合的方式来解析设计模式； 每个模式都有相应的对象结构图，同时为了展示对象间的交互细节， 我会用到时序图来介绍其如何运行；（在状态模式中， 还会用到状态图，这种图的使用对于理
-
左一个如果固定大小，右一个应该是响应的，应该有最小和最大宽度，这意味着如果你收缩窗口宽度，右div应该只是收缩它的宽度！（在其最小宽度和最大宽度之间）并保持在左div的右边！，直到容器div的宽度小于左div宽度+右div最小宽度，然后右div应该低于左div！ http://jsfiddle.net/5m8lj/6/ 宽度当前css，绿色div应该收缩其宽度在200到500px之间，同时保持在左
-
什么是 Viewport? viewport 是用户网页的可视区域。 viewport 翻译为中文可以叫做"视区"。 手机浏览器是把页面放在一个虚拟的"窗口"（viewport）中，通常这个虚拟的"窗口"（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的不同部分。 设置 Viewport 一个常用的针
-
本章节为大家介绍响应式 Web 设计框架 Bootstrap。 Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。 实例<!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap Example</title> <m