Differences

This shows you the differences between two versions of the page.

--- web [2018/05/20 18:28] – created fe80:7b22:d660:6fb3:cbd4:1cb5:1e9d:3ff3
+++ web [2018/06/07 07:14] (current) – fe80:12ba:4015:35da:f639:426a:af8d:5948
@@ Line 3: / Line 3: @@
   window.innerWidth == viewport.width
   window.screen.width are screen width in points.
+  window.screen.width === window.outerWidth
   window.devicePixelRatio tells how many physical pixels equal 1 css px.
+  屏幕的宽度比如 360x720 单位是 pt，1 pt 等于 x 英寸。 css 中 1 px = 实际宽度 1 pt。
+  实际渲染的像素等于：css px * devicePixelRatio * inital-scale ?
+flexbox:
+`flex-direction` 指定主轴的方向：row, row-reverse, column, column-reverse, 交叉轴始终在起始点与主轴垂直
+`flex-wrap: nowrap` 可指定为 wrap。nowrap 时子元素在主轴上填充 container。
+`flex: flex-direction flex-wrap`
+默认子元素的 `flex-basis: auto` 根据其内容决定宽度，如果子元素的高度超出 container 的高度（如果设定的话）则会溢出。
+`flex-grow: x`: 子元素 cx 的宽度 = c.flex-basis + (container.width - sum_of_c(flex-basis) ) / all(x)