2017-08-10 108 views
-2

我已經創建了html頁面。此網頁無法工作的響應我的Html頁面沒有響應

My Code 

<!DOCTYPE html> 
    <html> 
    <head> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <style> 
    body { 
    width:1333px; 
    height:800px; 
    } 
    .wrapper { 
    width:"100%; 
    height:100%; 
    border:1px solid #000000; 
    } 
    </style> 
    </head> 
    <body> 
    <div class="wrapper"> 
    <div> 
    <h2>London</h2> 
     <p>London is the capital of England.</p> 
     <p>It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p> 
     <h2>London</h2> 
     <p>London is the capital of England.</p> 
     <p>It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p> 
     <h2>London</h2> 
     <p>London is the capital of England.</p> 
     <p>It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p> 
     <h2>London</h2> 
     <p>London is the capital of England.</p> 
     <p>It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p> 
    </div> 

    </div> 
    </body> 
    </html> 

我已創建的HTML頁面,提供HTML代碼,如何顯示在移動,標籤模式的全文。

+1

是的,你是對的。 Flex在IE9中不起作用。這是一個聲明:http://caniuse.com/#search=flex – Rob

回答

1
div { 
    display: flex;  // others 
    display: table-cell; // ie9 
    display: -ms-flexbox; //ie10 
} 

你可以使用IE9和Flexbox的爲別人着想。

+2

這將無法正常工作。 「其他」將使用表格單元格,因爲您將其列爲第二個/最後一個。 – Rob

+0

感謝您的回答 –