220823前端学习笔记 移动基础 真机查看 移动web开发中常用单位

真机查看

1. 通过本地服务器打开开发页面
2. 通过ipconfig查询IP地址，并替换页面地址中的相应部分
3. 关闭电脑防火墙，在移动设备的浏览器中输入相应网址
4. 需保证pc与移动端在同一网络下
5. 可以直接使用二维码生成器扫码查看

移动web开发中常用单位

1. px
   绝对单位
   当需要设置固定宽高的时使用，也可用于设置字体的大小
   %
   可以用来布局
   相对单位
   可以用来设置宽度，流体布局中会用到
2. em
   相对单位
   设置字体大小时，1em=父元素字体大小
   设置其他，比如宽高时，1em=自身字体大小
   一般用来控制行首缩进，不用来布局

.course-name{
	font-size:12px;
	text-indent:2em;
}

3. rem（root elmemt）root指html
   可以用来布局
   相对单位
   1rem=根元素（html）的字体大小
4. vw/vh/vmax/vmin
   相对单位，视口单位
   1vw=视口宽度的1%
   1vh=视口高度的1%
   vmin：当前vw和vh中较小的一个值
   vmax：当前vw和vh中较大的一个值