Beansmile 内部分享@2016-03-04

本期豆厂的分享为前端专场，由新人Alin，Coco，Zack来分享他们在前端开发的应用和经验，此次分享是三位新人在豆厂的处女分享，虽然有些紧张，不过下次一定会更加的从容与淡定。

Alin
分享了css轻量级响应式框架，比较了css不同的框架的优缺点。

Coco
分享了前端响应式开发如何实现，实现的方式一般包含以下两点：

1.将网页从固定布局修改为百分比布局

• 内容，目标元素宽度/上下文元素宽度=百分比宽度
• 文字，将文字的固定像素大小转换为灯亮的相对尺寸，使用em替换px，目标元素字体大小/上下文元素字体大小=xx em
• 图片，弹性图片，实现图片随着流动布局相应缩放，img元素使用css属性值max-width:100%

2.使用媒体查询

• <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1,user-scalable=no;" />
• @media screen and (max-width: 768px)

Zack
分享了ESLint和StyleLint代码检查工具。