Web前端开发(初级)-网页设计基础讲义.pdfVIP

Web前端开发（初级篇）教学标准讲义 第二篇 HTML5和CSS3开发基础与应用 第三章 响应式（移动端）网站开发 第一节 简介 【演示内容】综合项目二 【知识点】 1.响应式：针对大小不同的设备终端，网页能自动响应，显示相匹配的样 式，从而提升用户的体验。 【演示内容】用手机登录新浪官网，登录学院的官网 【知识点】 1.视口基础  可见视口：设备大小，设备的宽度  视窗视口：浏览器窗口，即网页宽度 注意：视口的概念只存在于移动端，PC端不存在；视口宽度的大小与视 窗视口大小没有直接关系 【技能点】 1.在head 标记内部添加Meta 标记，并将页面的元信息定义： meta name=”viewport” content=”width=device-width,initial-scale=1.0,user-scalable=no,maximum-scale=x,minimum-scale=x”/ Width=device-width:视窗视口宽度=可见视口宽度；初始、最小和最大的缩放比例：0-10； user-scalable:设置用户是否