{"action":"created","issue":{"url":"https://api.github.com/repos/2remote/yaopai-mobile/issues/296","repository_url":"https://api.github.com/repos/2remote/yaopai-mobile","labels_url":"https://api.github.com/repos/2remote/yaopai-mobile/issues/296/labels{/name}","comments_url":"https://api.github.com/repos/2remote/yaopai-mobile/issues/296/comments","events_url":"https://api.github.com/repos/2remote/yaopai-mobile/issues/296/events","html_url":"https://github.com/2remote/yaopai-mobile/issues/296","id":147307338,"number":296,"title":"讨论下 Flex 最佳应用方案吧！","user":{"login":"zaxlct","id":14342431,"avatar_url":"https://avatars.githubusercontent.com/u/14342431?v=3","gravatar_id":"","url":"https://api.github.com/users/zaxlct","html_url":"https://github.com/zaxlct","followers_url":"https://api.github.com/users/zaxlct/followers","following_url":"https://api.github.com/users/zaxlct/following{/other_user}","gists_url":"https://api.github.com/users/zaxlct/gists{/gist_id}","starred_url":"https://api.github.com/users/zaxlct/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/zaxlct/subscriptions","organizations_url":"https://api.github.com/users/zaxlct/orgs","repos_url":"https://api.github.com/users/zaxlct/repos","events_url":"https://api.github.com/users/zaxlct/events{/privacy}","received_events_url":"https://api.github.com/users/zaxlct/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/2remote/yaopai-mobile/labels/archive","name":"archive","color":"e67e22"}],"state":"open","locked":false,"assignee":{"login":"liubiantao","id":3268218,"avatar_url":"https://avatars.githubusercontent.com/u/3268218?v=3","gravatar_id":"","url":"https://api.github.com/users/liubiantao","html_url":"https://github.com/liubiantao","followers_url":"https://api.github.com/users/liubiantao/followers","following_url":"https://api.github.com/users/liubiantao/following{/other_user}","gists_url":"https://api.github.com/users/liubiantao/gists{/gist_id}","starred_url":"https://api.github.com/users/liubiantao/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/liubiantao/subscriptions","organizations_url":"https://api.github.com/users/liubiantao/orgs","repos_url":"https://api.github.com/users/liubiantao/repos","events_url":"https://api.github.com/users/liubiantao/events{/privacy}","received_events_url":"https://api.github.com/users/liubiantao/received_events","type":"User","site_admin":false},"milestone":{"url":"https://api.github.com/repos/2remote/yaopai-mobile/milestones/6","html_url":"https://github.com/2remote/yaopai-mobile/milestones/Leica%20I%20Schraubgewinde","labels_url":"https://api.github.com/repos/2remote/yaopai-mobile/milestones/6/labels","id":1486749,"number":6,"title":"Leica I Schraubgewinde","description":"","creator":{"login":"liubiantao","id":3268218,"avatar_url":"https://avatars.githubusercontent.com/u/3268218?v=3","gravatar_id":"","url":"https://api.github.com/users/liubiantao","html_url":"https://github.com/liubiantao","followers_url":"https://api.github.com/users/liubiantao/followers","following_url":"https://api.github.com/users/liubiantao/following{/other_user}","gists_url":"https://api.github.com/users/liubiantao/gists{/gist_id}","starred_url":"https://api.github.com/users/liubiantao/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/liubiantao/subscriptions","organizations_url":"https://api.github.com/users/liubiantao/orgs","repos_url":"https://api.github.com/users/liubiantao/repos","events_url":"https://api.github.com/users/liubiantao/events{/privacy}","received_events_url":"https://api.github.com/users/liubiantao/received_events","type":"User","site_admin":false},"open_issues":1,"closed_issues":0,"state":"open","created_at":"2016-01-06T09:37:59Z","updated_at":"2016-04-11T03:36:23Z","due_on":"2016-03-14T16:00:00Z","closed_at":null},"comments":1,"created_at":"2016-04-11T03:36:23Z","updated_at":"2016-04-12T13:48:57Z","closed_at":null,"body":"为了在项目里使用 flex 且兼容国产安卓机😓，之前总结了 flex 新旧语法共有的方法 #259 ，但是实际使用中用了这个属性还是不兼容：\r\n```css\r\n  -webkit-box-pack:justify;\r\n          box-pack:justify;\r\n  -webkit-justify-content: space-around;\r\n          justify-content: space-around;\r\n```\r\n微信的 weui 使用了部分 flex 属性而且是兼容的：\r\n```css\r\n  display: -webkit-box;\r\n  display: -webkit-flex;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n```\r\n\r\n```css\r\n -webkit-box-flex: 1;\r\n  -webkit-flex: 1;\r\n      -ms-flex: 1;\r\n          flex: 1;\r\n```\r\n\r\n```css\r\n-webkit-box-flex: 1;\r\n  -webkit-flex: auto;\r\n      -ms-flex: auto;\r\n          flex: auto;\r\n```\r\n\r\n```css\r\n  display: -webkit-box;\r\n  display: -webkit-flex;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-align: center;\r\n  -webkit-align-items: center;\r\n   -ms-flex-align: center;\r\n   align-items: center;\r\n```\r\n问题是只有这几个属性太少了！！！\r\n\r\n找到了一个轻量级支持 flex 的 css 库：[kite](http://hiloki.github.io/kitecss/) 。\r\n\r\n你们觉得呢？ @liubiantao @amile1860 @stonemakers \r\n\r\n"},"comment":{"url":"https://api.github.com/repos/2remote/yaopai-mobile/issues/comments/208914799","html_url":"https://github.com/2remote/yaopai-mobile/issues/296#issuecomment-208914799","issue_url":"https://api.github.com/repos/2remote/yaopai-mobile/issues/296","id":208914799,"user":{"login":"liubiantao","id":3268218,"avatar_url":"https://avatars.githubusercontent.com/u/3268218?v=3","gravatar_id":"","url":"https://api.github.com/users/liubiantao","html_url":"https://github.com/liubiantao","followers_url":"https://api.github.com/users/liubiantao/followers","following_url":"https://api.github.com/users/liubiantao/following{/other_user}","gists_url":"https://api.github.com/users/liubiantao/gists{/gist_id}","starred_url":"https://api.github.com/users/liubiantao/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/liubiantao/subscriptions","organizations_url":"https://api.github.com/users/liubiantao/orgs","repos_url":"https://api.github.com/users/liubiantao/repos","events_url":"https://api.github.com/users/liubiantao/events{/privacy}","received_events_url":"https://api.github.com/users/liubiantao/received_events","type":"User","site_admin":false},"created_at":"2016-04-12T13:48:57Z","updated_at":"2016-04-12T13:48:57Z","body":"你找几个机型测试一下，没问题就用呗"}}