画面の幅と高さに応じてdiv/boxを作成するにはどうすればよいですか？

-2

また、常に水平と垂直の中央に配置され、幅は常に高さよりも大きい1.5xになります。ここにイラストがあります。コードの高さが反応しません。上のあなたの#box全幅を持つように https://jsfiddle.net/s1rsjbn2/ ：あなたはこのフィドルで立証のようなあなたのスタイルで行くとflexboxでき画面の幅と高さに応じてdiv/boxを作成するにはどうすればよいですか？

HTML

<body> 
    <div id='box'></div> 
</body>

CSS

body{ 
    border: 3px solid black; 
} 
#box{ 
    border: 3px solid red; 
    width:60vw; 
    height: 40vw; 
    vertical-align: middle; 
    margin:0 auto; 
}

出典

2016-07-22 lys916

コードは

です。あなたはアイデアを得る。 – lys916

適切な質問をする方法についてはStack Overflowのヘルプドキュメントを読んでいないという "アイディアを得る"ことができます。誰かがあなたのためのコードを書くことを期待していますか？ –

それは私が持っているすべてのコードです。私はそれがボックスIDを持つ唯一のdiv以来、それを投稿する必要があるとは思わなかった。私はそれを十分に明確にしていない場合は申し訳ありません。 – lys916

タブレットとモバイルのように見える2つの画面は、メディアを使用するだけですクエリを設定する

#box{width:100vw;height:66.666667vw;}

出典

2016-07-22 22:49:48

画面の幅と高さに応じてdiv/boxを作成するにはどうすればよいですか？

答えて

関連する問題