1【多选题】
响应式Web设计是和HTML5+CSS3互相配合与支持的，以下属于实现响应式设计技术点的是（）
A、HTML5中的viewport
B、CSS3媒体查询
C、响应式栅格系统
D、流式布局
2【多选题】
实现响应式网页设计优点
A、对用户友好。响应式设计可以向用户提供友好的网页界面，可以适应几乎所有设备的屏幕。
B、后台数据库统一。即在电脑PC端编辑了网站内容后，手机和平板等智能移动浏览终端能够同步显示修改之后的内容，网站数据的管理能够更加及时和便捷。
C、方便维护。 如果开发一个独立的移动端网站和PC端网站，无疑增加更多的网站维护工作。但如果只设计一个响应式网站，维护的成本将会很小。
D、增加加载时间。在响应式网页设计中，增加了很多检测设备特性的代码，比如设备的宽度、分辨率和设备类型等内容。同样也增加了页面读取代码的加载时间。
3【多选题】
实现响应式网页设计技术原理
A、<meta>标签。位于文档的头部，不包含任何内容，<meta>标签是对网站发展非常重要的标签，它可以用于鉴别作者， 设定页面格式，标注内容提要和关键字，以及刷新页面等， 它回应给浏览器一些有用的信息，以帮助正确和精确 地显示网页内容。在移动设备上设置视口的宽度。
B、 使用媒体查询（也称媒介查询）适配对应样式。 通过不同的媒体类型和条件定义样式表规则，获取的值可以设置设备的手持方向，水平还是垂直，设备的分辨率等。
C、使用第三方框架 。比如 使用Bootstrap框架，更快捷的实现网页的响应式设计。
D、像素和屏幕分辨率
4【判断题】
响应式网站似乎是最简单也是迄今为止唯一一种可以在任何设备上定位受众，并提供无缝对接、精彩内容的方式
5【判断题】
响应式网页设计是目前流行的一种网页设计形式，主要特色是页面布局能根据不同设备（平板电脑、台式电脑或智能手机）下能让内容适应性的展示，从而让用户在不同设备都能够友好的浏览网页内容。
6【判断题】
视口的概念:在 PC 端，视口指的是浏览器的可视区域，其宽度和浏览器窗口的宽度保持一致。
7【判断题】
移动端涉及到三个视口：布局视口（LayoutViewport）、视觉视口（Visual Viewport）和理想视口（Ideal Viewport）
8【判断题】
viewport属性表示设备屏幕上能用来显示网页区域，具体而言，就是移动浏览器上用来显示网页的区域。
Comments