{"action":"opened","issue":{"url":"https://api.github.com/repos/jiapenghui/-/issues/14","repository_url":"https://api.github.com/repos/jiapenghui/-","labels_url":"https://api.github.com/repos/jiapenghui/-/issues/14/labels{/name}","comments_url":"https://api.github.com/repos/jiapenghui/-/issues/14/comments","events_url":"https://api.github.com/repos/jiapenghui/-/issues/14/events","html_url":"https://github.com/jiapenghui/-/issues/14","id":390581609,"node_id":"MDU6SXNzdWUzOTA1ODE2MDk=","number":14,"title":"px em rem vw","user":{"login":"jiapenghui","id":31506319,"node_id":"MDQ6VXNlcjMxNTA2MzE5","avatar_url":"https://avatars2.githubusercontent.com/u/31506319?v=4","gravatar_id":"","url":"https://api.github.com/users/jiapenghui","html_url":"https://github.com/jiapenghui","followers_url":"https://api.github.com/users/jiapenghui/followers","following_url":"https://api.github.com/users/jiapenghui/following{/other_user}","gists_url":"https://api.github.com/users/jiapenghui/gists{/gist_id}","starred_url":"https://api.github.com/users/jiapenghui/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jiapenghui/subscriptions","organizations_url":"https://api.github.com/users/jiapenghui/orgs","repos_url":"https://api.github.com/users/jiapenghui/repos","events_url":"https://api.github.com/users/jiapenghui/events{/privacy}","received_events_url":"https://api.github.com/users/jiapenghui/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-12-13T09:08:57Z","updated_at":"2018-12-13T09:08:57Z","closed_at":null,"author_association":"OWNER","body":"px：\r\n是网页设计中最常用的单位，然而1px到底是多大长，恐怕没有人能回答上来\r\n它用来表示屏幕设备物理上能显示的最小的一个点，这个点不是固定宽度的，不同设备上点的长度、比例有可能会不同。\r\n假设：你现在用的显示器上1px宽=1毫米，但我用的显示器1px宽=两毫米，那么你定义一个div宽度为100px，你显示器上看这个div是10厘米，我显示器上看是20厘米。另外一个px点的长度不一定是1:1的正方形，有的设备上长度比是不一样的。\r\nem:\r\n相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。(引自CSS2.0手册)\r\n任意浏览器的默认字体高都是16px。\r\n所有未经调整的浏览器都符合: 1em=16px。此时1.25em=16px*1.25=20px;\r\n如果人为的把body里面定义font-size:12px; 此刻1em=12px，1.25em=12px*1.25=15px;\r\n如果我们把body设置font-size:62.5%，即16px*62.5%=10px,此时1em=10px,1.25em=12.5px；\r\n这样更好的有利于我们计算，将原来的px数值除以10，然后换上em单位即可，em可以兼容多浏览器\r\nem特征：1、em值并不固定；2、em会继承父级元素的字体大小。\r\nrem：\r\nrem是CSS3新增的一个相对单位（root em，根em），这个单位引起了广泛关注。这个单位与em有什么区别呢？区别在于使用rem为元素设定字体大小时，仍然是相对大小，但相对的只是HTML根元素。这个单位可谓集相对大小和绝对大小的优点于一身，通过它既可以做到只修改根元素就成比例地调整所有字体大小，又可以避免字体大小逐层复合的连锁反应。目前，除了IE8及更早版本外，所有浏览器均已支持rem。对于不支持它的浏览器，应对方法也很简单，就是多写一个绝对单位的声明。这些浏览器会忽略用rem设定的字体大小，rem的兼容性和em一样\r\nVW:\r\nvw是可视区宽度单位。1vw等于可视区宽度的百分之一。\r\n100vw=相对于视窗宽度\r\n100vh=相对于视窗高度\r\nvm:相对于视窗的宽度或高度，取决于哪个更小； vmin:vw和vh中较小的那个；vmax:vw和vh中较大的那个\r\nvw单位跟百分比很相似，不同的是vw的值对所有的元素都一样，与他们父元素或父元素的宽度无关。有点像rem单位那样总是相对于根元素。"}}
{"actor":{"display_login":"jiapenghui"}}