初步整理响应式笔记01

两种屏幕切换方式：

1.在引入css时进行对屏幕的设定

示例：

 <link rel="stylesheet" href="../design01/css/big.css" media="only screen and (max-width:640px)"/>

media="only screen and (max-width:640px)"

意为：只有在屏幕小于640px时才会应用。

2.在css文件或是主文件的<style></style>中写

 @media screen and (min-width: 640px){
           
        }

意为：只有当屏幕大于640px时才会应用。

ps：

<meta name="viewport" content="width = device-width,initial-scale=1">

意为：宽度为当前设备宽度，缩放比例是1.