2017-08-10 9 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コードを提供しています。あなたが他の人のためのIE9とフレキシボックスのために使用することができ

+1

はい、あなたは正しいです。 FlexはIE9では動作しません。これは声明です:http://caniuse.com/#search=flex – Rob

答えて

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

+2

それは動作しません。 「他人」は、それを2番目に/最後にリストするので、table-cellを使用します。 – Rob

+0

あなたの答えをありがとう –

関連する問題