css3笔记

缩放因子DPR（设备像素比）

DPR（DevicePixelRatio）：手机的物理像素与实际使用像素的缩放比

开发手机页面的时候，一定要加上：

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" id="viewport" />

width=device-width 约束视口

initial-scale=1.0 初始视口倍数是1倍

minimum-scale=1.0 最小允许视口宽度是1倍

maximum-scale=1.0 最大允许视口宽度是1倍

user-scalable=no 不允许用户缩放视口

移动端
开发的时候，使用图片通常要缩小一倍在使用
如 200*200的图片，要设置成100*100
设计师提供的设计图
pc端提供的设计图分辨率是72的（版心1200）
移动端提供的设计图分辨率是300的（版心640或750）
300分辨率：宽都是320px或375px
72分辨率：宽度是640px或750px
保存图片的时候，都是盒子的尺寸的二倍，使用的时候要缩小一倍

通过@font-face可以为网站引入自定义字体

font-family 规定字体的名称。

src 定义字体文件的 URL（可以引入多个备选字体）