它的所有子元素自動都成為容器成員，被稱為flexitem(flexitem)。你說的自動是什么意思？1.當flex的值為none時，計算出的值為00auto，下面兩個表達式等價，2.當flex的值為auto時，計算出的值為11auto，下面兩個表達式等價，3.When flex，值為flexgrow，flexshrink取1，flexbasis取0%，下面兩個表達式等價。4.當flex取長度或百分比時，就是/123，flexgrow取1，flexshrink取1，以下兩種寫法等價，5.當flex取兩個非負數(shù)時，分別為flexgrow和/12344。

我們只會用到一點點CSS布局屬性，為數(shù)不多，但是既然要用到，就要在這里總結(jié)一下，了解一下。在了解CSS布局的相關(guān)屬性之前，我們先來了解一下盒子模型。CSS會把每個組件當作一個盒子，每個盒子從里到外有三個部分:組件的寬度和高度決定了它在屏幕上的顯示大小，組件的寬度和高度是它的外邊框所包圍的矩形的寬度和高度，在iOS中也是一樣。

在RN中，我們要做一個寬度和高度自適應的組件，分兩步。首先，我們要讓組件填充它的父視圖，也就是說，如果要適應寬度，就要先用它的父視圖的寬度填充子視圖的寬度，如果要適應高度，就要先用它的父視圖的寬度和高度填充子視圖。然后我們就可以像在iOS中使用磚石一樣，通過給組件添加上邊距、左邊距、下邊距、右邊距等約束來實現(xiàn)寬度和高度的適配。

/圖像-2//圖像-3/1。當flex的值為none時，計算值為00auto，以下兩種寫法等效。2.當flex的值為auto時，計算出的值為11auto，以下兩種寫法等效。3.值為flexgrow，flexshrink取1，flexbasis取0%，下面兩個表達式等價。4.當flex取長度或百分比時，就是/123。flexgrow取1，flexshrink取1，以下兩種寫法等價。5.當flex取兩個非負數(shù)時，分別為flexgrow和/12344。

自媒體查詢、rem布局和響應式布局是三種不同的技術(shù)。自媒體查詢常用于適應不同的設備顯示場景，根據(jù)屏幕大小顯示不同的頁面，但功能基本相同。Rem布局是一個長度單位，根據(jù)‘根元素’的字體大小單位(根元素的字體大小為1rem)來確定。響應式布局是當頁面寬度發(fā)生變化時，整個頁面或部分頁面隨著頁面縮放而實時響應變化(響應式布局不同于自媒體查詢)。

功能:自媒體查詢主要是設置不同設備屏幕下的顯示風格。獲取瀏覽器或設備的寬度:mindevicewidth \minwidth(注意:也可以獲取高度，即把寬度改寫為高度)方法:功能:使用flex對頁面進行布局，也可以有響應。方法:以下方法為flex常用方法，可點擊鏈接flex布局概念:指字體大小相對于以下元素的單位。

flex設置為1和auto的區(qū)別在于規(guī)則基準的使用值不同，子元素不同，包塊不同。1.規(guī)則基準的使用值不同。1.flex設置為1:flex設置為1，規(guī)則基準的使用值為1px。2.flex設置為自動:flex設置為自動的規(guī)則基準用途值是主尺寸值。二、子元素不同1。flex設置為1:flex設置為1，子元素的最大寬度為1px。

Flex layout也叫靈活布局(flexiblebox)模塊，主要是提供一種更有效的方式來布局容器之間的內(nèi)容。靈活布局的主要思想是使容器根據(jù)需要改變項目的寬度和高度，以填充可用空間，并滿足所有類型的顯示設備和屏幕尺寸。因此，彈性布局模塊的大小是未知的或動態(tài)變化的。具有Flex布局的元素稱為Flex容器(flexcontainer)，或簡稱為容器。

Flex布局更適合小規(guī)模布局，例如應用程序中的組件布局。默認情況下，F(xiàn)lex布局容器有兩個軸:水平主軸和垂直橫軸。主軸起始位置與邊界的交點稱為主起點。結(jié)束位置稱為mainend；橫軸的起始位置叫crossstart，結(jié)束位置叫cross。默認情況下，項目沿主軸排列。

說到flex layout，在我之前的影響力里，我只知道這種布局比傳統(tǒng)布局更方便，這種布局對我來說是全新的。在flex布局出現(xiàn)之前，我們主要使用以下幾種傳統(tǒng)布局:這些傳統(tǒng)布局雖然可以滿足我們的很多需求，但是并不方便，比如垂直居中。現(xiàn)在，我們將開始接觸flex的新布局。flex也可稱為“彈性布局”。flex layout有以下特點:接下來總結(jié)一下flex layout的幾個重要知識點。

它的所有子元素自動都成為容器成員，被稱為flexitem(flexitem)。如上圖所示，flex container有垂直和水平兩個方向的軸，其中橫軸稱為主軸，縱軸稱為橫軸，主軸的起始位置(與車架的交點)稱為mainstart，終止位置稱為mainend；橫軸的起始位置叫crossstart，結(jié)束位置叫cross。