{"action":"created","issue":{"url":"https://api.github.com/repos/amfe/article/issues/43","repository_url":"https://api.github.com/repos/amfe/article","labels_url":"https://api.github.com/repos/amfe/article/issues/43/labels{/name}","comments_url":"https://api.github.com/repos/amfe/article/issues/43/comments","events_url":"https://api.github.com/repos/amfe/article/issues/43/events","html_url":"https://github.com/amfe/article/issues/43","id":171649914,"number":43,"title":"将一个用了flexiable库适配的html作为iframe嵌入到另一个也用了该库的html中页面会混乱","user":{"login":"balsampearshen","id":3590216,"avatar_url":"https://avatars.githubusercontent.com/u/3590216?v=3","gravatar_id":"","url":"https://api.github.com/users/balsampearshen","html_url":"https://github.com/balsampearshen","followers_url":"https://api.github.com/users/balsampearshen/followers","following_url":"https://api.github.com/users/balsampearshen/following{/other_user}","gists_url":"https://api.github.com/users/balsampearshen/gists{/gist_id}","starred_url":"https://api.github.com/users/balsampearshen/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/balsampearshen/subscriptions","organizations_url":"https://api.github.com/users/balsampearshen/orgs","repos_url":"https://api.github.com/users/balsampearshen/repos","events_url":"https://api.github.com/users/balsampearshen/events{/privacy}","received_events_url":"https://api.github.com/users/balsampearshen/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2016-08-17T12:53:43Z","updated_at":"2016-09-23T09:50:34Z","closed_at":null,"body":"将一个用了flexiable库适配的html作为iframe嵌入到另一个也用了该库的html中，则页面会混乱字体大小也会很奇怪\r\n\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/amfe/article/issues/comments/249149992","html_url":"https://github.com/amfe/article/issues/43#issuecomment-249149992","issue_url":"https://api.github.com/repos/amfe/article/issues/43","id":249149992,"user":{"login":"songsiqi","id":3634329,"avatar_url":"https://avatars.githubusercontent.com/u/3634329?v=3","gravatar_id":"","url":"https://api.github.com/users/songsiqi","html_url":"https://github.com/songsiqi","followers_url":"https://api.github.com/users/songsiqi/followers","following_url":"https://api.github.com/users/songsiqi/following{/other_user}","gists_url":"https://api.github.com/users/songsiqi/gists{/gist_id}","starred_url":"https://api.github.com/users/songsiqi/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/songsiqi/subscriptions","organizations_url":"https://api.github.com/users/songsiqi/orgs","repos_url":"https://api.github.com/users/songsiqi/repos","events_url":"https://api.github.com/users/songsiqi/events{/privacy}","received_events_url":"https://api.github.com/users/songsiqi/received_events","type":"User","site_admin":false},"created_at":"2016-09-23T09:50:33Z","updated_at":"2016-09-23T09:50:33Z","body":"是缩放 viewport 引起的。单个页面没事，但是在页面中使用了 iframe、canvas 会出现问题。可以先手动添加\r\n\r\n```\r\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no\">\r\n```\r\n\r\n防止缩放 viewport。\r\n\r\n缩放 viewport 仅仅是为了实现 1px 的细线效果。其实从 iOS 8 开始，就支持 0.5px 的边框了。只要通过特性判断，让支持 0.5px 的 iOS 设备显示细线，不支持的降级为粗线即可，例如：\r\n\r\n```css\r\n.demo {\r\n  border: 1px solid #ddd;\r\n}\r\n.hairlines .demo {\r\n  border: 0.5px solid #ddd;\r\n}\r\n```\r\n\r\n推荐新工具 [postcss-adaptive](https://www.npmjs.com/package/postcss-adaptive)。\r\n\r\n后续可以考虑改成这种方案。"}}
{"actor":{"display_login":"songsiqi"}}