1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：body {background: url(image.jpg) no-repeatbackground-size: 300px}。
3、浏览器运行index.html页面，此时背景图片成功用css等比例缩小到了300px宽度的大小。
图中：头像、“账号名称”，“具体名称内容”是一个容器内的三部分，给容器设置`display:flex`，时，如果“具体名称内容”字数过多，出现换行，会导致图片宽度被压缩，页面成为如下样子：为了防止图片被压缩，可以给图片容器设置`flex-shrink: 0`，只有不为0的元素才会被压缩。
前端中的代码加密无非是进行min化。解压缩可以用gulp，或者node.js或者卡拉。
不过最简单的是使用现在的编码器（hbuilder为例）。
1.将被加密（压缩）的css样式拷贝进来。在操作区点击右键
2.点击“整理代码格式”。等待几秒钟
就完成了解压缩的任务。
最后提一点。css解压缩比js的相对容易。因为没有注释的js是无比头痛的。、
