移动Web第四天
vw 运算符：
vw 运算公式：
vw rem 自己理解的公式 ：手机屏幕的宽度（100vw）/设计稿的宽度（已知）=对应在屏幕中的宽度（未知）/设计稿的div的宽度（已知）
对应在屏幕中的宽度（未知）=手机屏幕的宽度（100vw）*设计稿的div的宽度（已知）/设计稿的宽度（已知）
示例：对应在屏幕中的宽度（75）= 手机屏幕中的宽度（375）*设计稿的div宽度（100）/设计稿的宽度（500）
vw 设置里添加："px2vw.width": 375,
rem 运用引入：
rem在为设置(html) 引入JS时 屏幕适配为 1/10 的屏幕宽度。
rem 在设置里添加："cssrem.rootFontSize":37.5,
rem 若设置了(html) 则对应 设置的 1rem= 设置的像素。
rem与vw区别再去 rem 得通过 引入方式 屏幕适配 在各个移动端对应改变
vw 直接抒写即可 移动Web第五天
less语法：
文字溢出隐藏 出现省略号 ：
多行 ：
display: -webkit-box;
overflow: hidden;
white-space: normal!important;
text-overflow: ellipsis;
word-wrap: break-word;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical
单行 ：
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
控制文字不换行 ： white-space: nowrap;
响应式（媒体查询）
- 最简洁写法：
@media (width:400px){
body {
background-color: pink;
}
}
- 工作中 常用写法：
@media screen and (width:800px) {
body {
background-color: yellow;
}
}
