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 效果 ![](https://cdn.sunzhongwei.com/sunzhongwei_5d730ebef3642) ``` .feature7-block-group:h

去掉网页 type 为 number 的 Input 输入框的右侧箭头

![去掉网页 type 为 number 的 Input 输入框的右侧箭头](https://cdn.sunzhongwei.com/sunzhongwei_5d0b537d4e0a6) ## 去掉 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