移动端基础课程课前任务与教学内容说明.pdfVIP

课前任务说明

◼、记笔记

◼课程中知识点的个人理解

◼课程中学习遇到的问题

◼、课后提交

◼今天晚上九点前提交给员

◼：

2

演示项目案例：热搜

第一章

移动端基础

预习检查

集中测试

◼视口？

◼px单位

◼逻辑像素和像素的区别

◼em和rem的区别

◼弹性盒子

本章技能点结构

检查页面效果

◼真机测试

效果最，但条件不允许

◼安卓IOS模拟器

使用步骤繁琐，不适用现在的阶段

◼浏览器自带模拟器

成本低，调试方便

7

视口

◼viewport视口

语法

metaname=viewportcontent=/

◼布局视口

◼视觉视口

◼理想视口

8

上机练习

练习

◼需求、标题

◼二级标题

◼标题

提示

◼实现思路

◼二级标题

◼标题

完成时间：15分钟

自适应单位

◼基础单位

◼pxfont-size:12px;

◼弹性单位

◼em

font-size:1em;

◼remfont-size:1rem;

10

上机练习

练习

◼需求、标题

◼二级标题

◼标题

提示

◼实现思路

◼二级标题

◼标题

完成时间：15分钟

共性问题集中讲解

◼常见问题及解决办法

◼代码规范问题

◼调试技巧

共性问题集中讲解

弹性元素

◼弹性字体

◼弹性盒子

◼弹性盒子容器

◼弹性盒子子项

13

上机练习

练习

◼需求、标题

◼二级标题

◼