CSS
(61)使用 rem 解决 vantui 在 ipad 上的字体大小自适应问题
移动设备网页上使用 vantui 开发 form 提交界面，在手机上表现良好，但是到了 ipad 等平板设备上时，就会发现字体非常小，严重影响用户的浏览和操作。
解决方法就是替换 vantui 的默认 font size 。
我
英文网站下 CSS 属性 word-break 的设置
我发现新建的英文网站，单词在行尾会被强行拆分换行，非常影响阅读。
## word-break 的三种模式
- normal：使用默认的断行规则。
- break-all：对于英文单词，会在行尾强制将单词拆分，进行换行。如果是英文网
css 中 first-of-type 与 first-child 的区别
举个直观的例子：
```
Languages
Javascript
Golang
PHP
```
- first-child 是指父节点下的第一个元素，无论类型是什么
- fi
鼠标 hover 上去的动态提升效果
参考 ant design 的卡片 hover 效果
```
.feature7-block-group:h
去掉网页 type 为 number 的 Input 输入框的右侧箭头
## 去掉 input 输入框右侧的箭头
禁
Bluma - 一个简洁易用的 css 框架
前段时间偶然发现了 bluma 这个前端样式框架，看起来比 bootstrap 要清晰简洁的多。
https://bulma.io/
正好我有个个人股票小工具的开发需求，所以决定尝试并了解一下 bluma.
[demo 效
修改 Android 下 Chrome 浏览器的顶部地址栏颜色
我看到很多网站在 Android 手机的 Chrome 浏览器里，可以更改顶部的地址栏及 status bar 的颜色。
而我目前的网站就没有这个效果。说明不是 Chrome 默认的行为。
![修改 Android 下 Chro
px，em 与 rem 的区别，及各自使用场景
px 是绝对值，em 与 rem 都是相对值。
## em
em 是相对父级元素字体大小的倍数。
例如，父级 div 字体设置了 20px, 在设置 2em 之后，该元素的字体大小就变成了 40px。
## rem
r
使用 CSS 限制商品标题行数不超过两行
标题超出两行的部分显示为省略号
```
.name {
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-c
区域内指定 element 的第一个，样式与后面的同类 element 不同
例如，article-content div 内，第一个 h2 标签不需要设置 margin-top，可以这样实现
```
.article-content h2 {
font-size: 1.6em;
border-bot