流式布局 1.ppi 像素密度(越高画质越好,相反)-----没用[设备像素] 2.dpr物理像素比(具体不能改变的比例关系–作用–适配) [硬件] 视口(viewport) 1.禁止------水平滚动—页面缩放 2.视口-----pc[浏览器的大小]----移动[移动设备的大小] 视口的设置 1<meta name="viewport" content="width=device-width, initial-scale=1.0"> 移动设备宽 ←↑ ↑→ 忘了 注: 左右固定—中自适应 **注:**精灵图----向上向左

移动回顾 1.流式布局 2.伸缩布局-----------[修改主轴的方向,设置元素在主轴方向的对齐,元素在侧轴的对齐方式] 3.响应式布局-----------[解决了同一个网页在不同设备中布局显示效果不同] 核心知识点----------媒体查询 页面适配 rem适配 -------相对html中的文字大小

修改元素内容和属性 原生html属性操作： 取值：console.log（xx元素.src） 赋值：xx元素.alt = ‘abc’; js不带单位 自定义属性 设置一个属性的值 ​ xx元素.setAttribite(‘属性名’，‘属性名’)

放大与缩小案例 123456789101112131415161718<button id='jkl'>放大</button><button id='kjl'>缩小</button><br><img src="gl.jpg" alt="" width="100"><script> var img = document.querySelector('img'); var kids = img.width; var jkl = document.querySelector('#jkl'); var kjl = document.querySekector('#kjl'); jkl.onclick = function(){ kids += 20； img.width = kids； } kjl.onclick = function（）｛ kids -= 20； img.width = kids； ｝</script>

**1.argment:**在函数中获取参数的信息----------[个数、值] (注:无法确定用argment,明确用形参(ps:缩写) ps: 本质上是个函数 **全局变量: ** 局部变量: 作用域链 可以在任何作用域使用 可以用return返回值(达到全局) 连接两个作用域链 获取对象中的值: 1.对象名.属性名 2.对象名[‘属性名’]

DOM模型 JavaScript由以下三部分构成 1.ECMAScript 2.Bom（浏览器对象） 3.Dom（文档对象） 1注：<script>放在body的最后面