一、html部分

1.取消iPhone自动识别数字为拨打号码

<meta name = "format-detection" content = "telephone=no">

2.移动开发、响应式布局

<meta name="viewport" content="width=device-width initial-scale=1.0 maximum-scale=1.0 user-scalable=yes"/>

点击右上方红色按钮关注“web秀”，让你真正秀起来

相信很多小伙伴已经遇到过了，在使用webpack构建项目（npm run build），部署项目后，会发现有些CSS样式丢失了，比如：

.content{ 
 overflow: hidden; 
 text-overflow: ellipsis; 
 display: -webkit-box; 
 -webkit-line-clamp: 2; 
 -webkit-box-orient: vertical; 
}

| 导语 做了8年的UI开发，从1名新手到半个老司机，分享一些个人工作中所使用的css小知识

目录：

• 使用currentColor

• 移动端1px线

• 文字和icon垂直居中对齐

• 多行截字显示省略号

• 使用border写三角箭头

1. $0

在Chrome的Elements面板中，$0关联到当前我们选中的html节点。

理所当然，$1 是我们上一次选择的节点，$2是在那之前选择的节点，等等。一直到 $4

你可以用以上的补充参考来尝试一些相关的操作(例子: $1.appendChild($0))

2. $ 和 $

在你还没有在app中定义 $变量的情况下(例如 jQuery)，$在console中是冗长的函数document.querySelector的一个别名。