携帯電話側VUEの出会いを使って自分でいくつかの互換性の問題についての記録

図1に示すように、上部/底端が固定されているの処理、中間ロールの内容

　　CALC（100VH - 300ピクセル）を使用しないでくださいVH書き込み中カルクpxと混合が脆弱なため、一部の携帯電話の特定の値が出てカウントされません、このようなアプローチを
　　ばかりVHサポートCALC、またCALC（50％ - 100pxに）をサポートし、しかしCALC（100VH - 300ピクセル）この貧しいの互換性。
　　次のようにFlexの配置を考慮することができます。
     

1  <！DOCTYPE HTML > 
2  < HTML のlang = "EN" > 
3  < ヘッド> 
4      < メタのcharset = "UTF-8" > 
5      < タイトル>ドキュメント</ タイトル> 
6      < スタイル> 
7          .outer { 
8              マージン：0自動。
9              幅：375px ; 
10              身長：100VH 。
11              オーバーフロー：隠されました。
12              ディスプレイ：フレックス。
13              フレックス方向：カラム。
14              背景：#abcdef 。
15          } 
16  
17          .header { 
18              高さ：200pxの。
19              フレックス収縮：0 。
20              背景：オレンジ; 
21          } 
22  
23         .LIST { 
24              フレックス：1 。
25              オーバーフロー：自動。
26              背景：緑; 
27          } 
28  
29          .LIST内容{ 
30              マージン：0自動。
31              幅：300ピクセル; 
32              高さ：1000px 。
33              背景：赤。
34          } 
35     </ スタイル> 
36  </ ヘッド> 
37  < ボディ> 
38      < DIV クラス= "外側" > 
39          < DIV クラス= "ヘッダ" > </ DIV > 
40          < DIV クラス= "リスト" > 
41              1111
 42              < DIV クラス= "リスト内容" > </ DIV > 
43              22222
 44          </ DIV > 
45      </ DIV >
46  </ ボディ> 
47  </ HTML >

 

　　フレックスシュリンク1デフォルトでは、DIVヘッダ圧縮が起こり得ること事情があるので、0：それはフレックス収縮を付加されたヘッダ19への最初の行に注目すべきです。