2017-08-10 67 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

感谢您的回答 –