在iPad Air和iPhone 6+上的flexbox行「寬度爲0」

我無法理解爲什麼文本覆蓋了我的照片......僅在iPad和Iphone滾動屏幕上出現這種效果。在iPad Air和iPhone 6+上的flexbox行「寬度爲0」

我的CSS：

.fl_item { 
display: -webkit-box; 
display: -moz-box; 
display: -ms-flexbox; 
display: -webkit-flex; 
display: flex; 

flex-direction: row; 
-webkit-flex-direction: row; 
-webkit-flex-flow: row nowrap; 

width: 100%; 
max-width: 1250px; 

margin-left: auto; 
margin-right: auto;}

而我的HTML：

<div class="fl_item"> 
    <div> 
     <img width="200" height="200" src="index_files/9d5bd242-fc64-11db-8b57-505054503030.jpg" border="0"> 
    </div> 
    <div>овоатвыфа выаыфв аыфв а ыфва ыфв аыфва ыв а выфа ы ва ыфва вфаывфаыфва выфа овоатвыфа выаыфв аыфв а ыфва ыфв аыфва ыв а выфа ы ва ыфва ывфаывфаыфва выфаовоатвыфа выаыфв аыфв а ыфва ыфв аыфва ыв а выфа ы ва ыфва ывфаывфаыфва выфа овоатвыфа выаыфв аыфв а ыфва ыфв аыфва ыв а выфа ы ва ыфва ывфаывфаыфва выфаовоатвыфа выаыфв аыфв а ыфва ыфв аыфва ыв а выфа ы ва ыфва ывфаывфаыфва выфа овоатвыфа выаыфв аыфв а ыфва ыфв аыфва ыв а выфа ы ва ыфва ывфаывфаыфва выфа 
    </div> 
</div>

我的錯誤的結果：

seen

來源

2016-01-12 Lenid Chernyadyev

你需要一個柔性的值設置爲包含在div文本。例如：

.flexing { 
    flex:1; 
    -webkit-box-flex:1; 
    -webkit-flex:1; 
} 

<div class="flexing"> 
    овоатвыфа выаыфв аыфв а ыфва ыфв аыфва 
</div>

來源

2016-07-27 21:26:36 user3487028

在iPad Air和iPhone 6+上的flexbox行「寬度爲0」

回答

相關問題