爲什麼內容從柔性容器中走出來？

HY，我有如下結構：爲什麼內容從柔性容器中走出來？

<div fxLayout="row" fxLayout.xs="column" fxLayoutAlign="space-around start" fxLayoutGap="2%" style="padding:2%;"> 


    <div fxFlex style="line-height:2;"> 

     <md-card> 

       <md-card-content> 

        <div [outputext]="textt"></div> 

       </md-card-content> 


      </md-card> 


    </div> 


    <div fxFlex fxFlexFill style="margin-right:30px;"> 

     <md-card> 

      <md-card-content> 

       <div [outputext]="text"></div> 

      </md-card-content> 

     </md-card> 

    </div> 

</div>

現在，由於某種原因，它的工作原理（如預期）僅在桌面瀏覽器和一些舊的移動設備，但內容超出Flex容器的一些新的手機。任何人都可以提出任何建議並解釋爲什麼是這樣嗎我期望的是在寬屏幕上的一行和在小屏幕上的一列。我使用flex-layout作爲我的網站佈局（並重新安排）。所以現在我開始考慮如果我做了正確的選擇flex-layout的網站佈局。我已經閱讀了一些解決方案，通過在屏幕更改上更改cols屬性來使用md-grid-list，但我對此有所懷疑，因爲我看到它需要一些額外的代碼來確定屏幕更改的時刻，因爲網格列表不會自行完成。

來源

2017-09-25 AmoT

這全是關於瀏覽器兼容性。如果他們支持CSS靈活框佈局模塊他們將正確運行您的代碼。

我剛剛說的是在項目的官方GitHub頁面中寫入here。

角度的Flex佈局仍然不穩定，相對較新，很多仍然可以改變。如果你只是檢查additions and deletions graph你可以看到很多隻是在上個月改變。很難說如果繼續使用flex-Layout還是有利可圖的，或者只是更穩定地進行更改。

來源

2017-10-03 22:28:02

爲什麼內容從柔性容器中走出來？

回答

相關問題