-1
私は、ブラウザのウィンドウで/ズームアウトすると私のhtmlインデックスページが
\t .box-1 {
\t \t width: 30%;
\t \t height: 200px;
\t \t background-color: red;
\t \t float: left;
\t \t
}
}
\t .box-2 {
\t \t background-color: blue;
\t \t width: 200px;
\t \t height: 200px;
\t \t float: left;
\t }
\t
\t .box-3 {
\t \t background-color: yellow;
\t \t width: 1200px;
\t \t height: 200px;
\t \t float: left;
}
\t .box-4 {
\t \t background-color: black;
\t \t width: 200px;
\t \t height: 200px;
\t \t float: right;
}
\t
\t
\t h1 {
\t \t color: white;
\t }
\t
\t<div class="container"> \t
\t <div class="box-1">
\t \t
\t \t
\t </div>
\t <div class="box-2">
\t \t
\t </div>
\t <div class="box-3">
\t \t
\t </div>
\t <div class="box-4">
\t \t
\t </div>
\t
\t
</div>を台無しにされますが、コードhereSOmebodyを入力して、助けてください。私がCSSを学び始めるのはしばらくしています。私は今、素人としてプレーンテンプレートを構築しています。しかし、私を夢中にさせることの1つは、ページの構造を仕上げてスタイリングを仕上げた後に、ブラウザのページをズームインしたりズームアウトしたりすると、すべてがうんざりになるということです。テキストが狂ったように上に行き、バナーが下に行くなど。私はこのケースを実証するために30秒のビデオを作った。このリンクにアクセスしてくださいhttp://screencast.com/t/aUGFjtQDW
追加あなたのhtmlとcssはここにあります。 –
ようこそスタックオーバーフロー！コードヘルプを求める質問には、質問自体に** ** [** Stack Snippet **]（https://blog.stackoverflow.com/2014/09/introducing-runnable）で**それを再現するのに必要な最短コードを含める必要があります** -javascript-css-and-html-code-snippets /）。 [**最小限の完全で検証可能な例を作成する方法**]（http://stackoverflow.com/help/mcve） –