CSSレスポンシブデザインのページサイズ（ズーム）に応じてページコンテンツを変更する方法

Question

レスポンシブデザインにかなり慣れていて、要素の相対的な幅をどのように与えるのですか？私の質問はページが からthatに変わる方法です事前に

Answer 1

@mediaルールを学ぶ必要があります。 @media on W3Schools jqueryを使用する必要はありません。レスポンシブなデザインはすべてCSSを使って完成させることができます。

W3Schoolsは、「@mediaルールは、さまざまなメディアタイプ/デバイスに異なるスタイルルールを定義するために使用されます」と述べています。

基本的に、@mediaはif画面のサイズが480pxの場合、これらのスタイルを使用するif文です。