标签归档css

不要再用 rem 来做手机适配了

Chris Yue 17 comments

记得我几天前写了一篇博客说面试了一哥们儿大谈特谈利用 rem 做手机适配,其实在部门内部,rem 用来做手机适配也有很大部分簇拥者。我是一个比较纯粹的工程师,所以不太喜欢这个方案,『纯粹』的意思是指,我不爱用 hack 的方式,来实现某些目的或者效果。hack 是指利用一些『本来是用来实现 A 的功能,却用貌似看起来巧妙的方式实现了 B』。不爱是因为,以我的经验,hack 的方式总是需要更多的代码去弥补 hack 带来的副作用,破坏了『简洁』和『直接』的美。

到底 em 和 rem 是什么玩意儿

Chris Yue No Comments

前段时间面试了一个前端工程师,侃侃而谈利用 rem 来做手机屏幕适配,我问他,rem 具体是什么单位呢?它本身是用来干嘛的?跟 em 有什么关系吗?这位哥们儿眼睛一歪,想了一会儿,摇摇头…… 我笑着跟他说,没关系,其实心里在想,这都不知道,还手机适配呢 =。=

Margin-top 为百分比时为什么是以父元素的宽度计算而不是高度?

Chris Yue No Comments

先说一个有意思的事情,在一个国外对前端工程师的测试里,问给子元素设置 margin-top 是 10%,请问是谁的 10%?选项有

  1. 父元素的宽度
  2. 父元素的高度
  3. 子元素的宽度
  4. 子元素的高度

结果只有 13% 的人答对,答错的不乏 Google 的前端工程师之类……为什么大部分人都错了,我想是因为 W3C 的定义,的确是很违背正常人的『直觉』:

The percentage is calculated with respect to the width of the generated box’s containing block. Note that this is true for margin-top and margin-bottom as well.

当子元素比父元素宽时子元素居中的解决方法

Chris Yue No Comments

父元素比子元素宽时怎么让子元素居中,稍微了解 CSS 的同学应该都知道怎么做。

一句 CSS 让 fontawesome 图标字体变细

Chris Yue No Comments

自从 iOS 某个版本发布之后,前端的流行趋势是什么都越来越细…字体越来越细…图标线条也越来越细。而老物 fontawesome 粗壮的线条风格很显然已经跟不上流行的趋势了,不过在现代的浏览器里,倒是有办法让 fontawesome 改头换面,重获青春。

使用 Symfony Asset 组件管理你的 CSS Javascript 和图片文件

Chris Yue No Comments

之所以想介绍 Symfony Asset 组件,是因为我估计这个组件是 Symfony 组件包里可能最容易被轻视的组件之一了。我之前就从来没有正眼看过相关的文档,也从来没用过相关功能,直到最近公司网站要做 CDN 加速的时候,才想起来有这么一个东西。

优化 CSS3 动画性能

Chris Yue 2 comments

最近的一个项目是关于智能电视上的 HTML5 网页,此项目包含了许多 CSS3 的动画。受局限于智能电视的计算性能和显示性能,很多在桌面平台上不需要注意的细节,必须得考虑。

2019年一月
« 12月  
 123456
78910111213
14151617181920
21222324252627
28293031