1.使用百分比
2.使用em，相对于上下文的百分比（body默认16px, 100%, 1em）
body{ font-size: 16px; font-size: 100%; font-size: 1em; }
子元素相对body的大小。比如宽度为48px, 则设置 width: 3em
3.媒体查询，比较常用的框架bootstrap.css
4.css3
text-shadow (阴影）: 1px 1px 1px #000000; 右阴影 下阴影 模糊宽度 阴影颜色
-1px -1px 1px #000000; 上阴影 左阴影 模糊宽度 阴影颜色
0 1px 0 #ffffff; 浮雕效果
多重阴影：text-shadow: 0 1px 0 #fff, 4px 4px #000
box-shadow: 0 0 1px #ffffff; 水平偏移距离，垂直偏移距离，模糊半径，阴影颜色
inset 0 0 30px #000; 内阴影
多重阴影：box-shadow: 0 1px 0 #fff, 4px 4px 0 #000
渐变背景
多重背景图片 background: url(), url(), url()
来源：https://www.cnblogs.com/byayn/p/12458355.html