2017-01-29 15 views
-2

(私はそれを聞いてする方法を理解することはできませんので...)私はこの質問のためのウェブサイトの例を持っている固定幅(ウィンドウ幅を変更したときにサイズを変更しません)

https://livedemo00.template-help.com/opencart_62166/

ご覧のとおり、ブラウザの幅を変更すると、マージンのみがサイズ変更され、その内部のdivはサイズ変更されません。

CSSで結果を達成する方法はありますか?それを達成するためにJavasciprtを使用する必要がありますか?ありがとうございました。

+0

あなたはdiv要素がリサイズされていないことを間違っている:チュートリアルでは、基本的にはあなたのCSSは次のようになりますhere

です。彼らは最も確かにあります。 div要素はブロックレベルの要素で、デフォルトでは親要素の幅の100%です。したがって、親要素(ページの本文を含む)がサイズ変更された場合、divはサイズに合わせてサイズが変更されます。このサイトでは、利用可能なスペースに応じてサイズを変更するレスポンシブ画像も使用しています。 –

+0

あなたはどのdivがこのような問題を引き起こしているのかを具体的に述べる必要があります...誰かがあなたのサイト全体を分析して適切な応答を与えるとは期待できません – lifejuggler

+0

質問する方法はわかりません。 ..なぜそんなに荒い...? –

答えて

1

この例では、開発者はメディアブレークポイントを使用しています。これらは、ブラウザウィンドウのサイズに応じて要素に異なるスタイルを適用します。

@media screen and (min-width: 500px) { 
    body { 
     width: 800px; 
    } 
} 

@media screen and (max-width: 500px) { 
    body { 
     width: 300px; 
    } 
} 
+0

ありがとうございます。私は今それを試してみましょう! –

+0

* "下位のスタイルのコードは、CSSドキュメントの下に書かれているため、最初のスタイルのコードを上書きします。CSSは上から下にレンダリングされます。スタイルは特異性に基づいて他のスタイルを上書きし、特異性が同一である場合にのみ、低い書式のスタイルが前のスタイルを上書きします。また、CSSは上から下にレンダリングされません - その文は意味をなさない。 –

+0

私はそれが意味をなさない方法を理解する。私の答えを更新しました。私ができるだけ抽象化しようとしていたので、著者の理解のレベルがCSSのものかどうかは確かではありませんでした。 – cnzac

関連する問題