CSSメディアクエリを使用すると、デバイスや画面サイズに応じてHTMLページのレイアウトを変更できます。メディアクエリを使用すると、画面の幅、高さ、向きなどの条件ごとに異なるスタイルを指定できます。

ここでは、メディアクエリを使用して、画面幅が600ピクセル未満のデバイス用にウェブページのレイアウトを変更する例を示します：

```
/* 幅600ピクセル以上のスクリーン用のスタイル */
@media screen and (max-width: 600px) {
  /* 幅600ピクセル未満の画面用のスタイル */。
  /* 例えば、フォントサイズを小さくしたり、レイアウトを調整することができます。
  body{
    font-size: 14px；
  }
  .container {
    display: flex；
    flex-wrap: wrap；
  }
  .item {
    width: 50%；
  }
}

上の例では、@mediaルールを使って、最大幅600ピクセルのスクリーン用のメディア・クエリを定義しています。中括弧内のスタイルは、この条件に一致する画面にのみ適用されます。

メディア・クエリー内で、異なるHTML要素に異なるスタイルを適用することができます。上の例では、body要素のフォントサイズを調整し、CSS Flexboxを使ってコンテナとその子アイテムのレイアウトを調整しています。要件に応じてスタイルを調整することができます。

メディアクエリは複雑で、複数の条件を含むこともありますが、さまざまなデバイスや画面サイズに適応するレスポンシブ・ウェブデザインを作成するための強力なツールです。
You can use CSS media queries to change the layout of your HTML page for different devices and screen sizes. Media queries allow you to specify different styles for different conditions, such as screen width, height, and orientation.

Here's an example of how to use a media query to change the layout of a web page for devices with a screen width of less than 600 pixels:

/* Styles for screens with a width of 600 pixels or more */
@media screen and (max-width: 600px) {
  /* Styles for screens with a width of less than 600 pixels */
  /* For example, you can make the font size smaller and adjust the layout */
  body {
    font-size: 14px;
  }
  .container {
    display: flex;
    flex-wrap: wrap;
  }
  .item {
    width: 50%;
  }
}

In the example above, we use the @media rule to define a media query for screens with a maximum width of 600 pixels. The styles within the curly braces apply only to screens that match this condition.

Within the media query, we can apply different styles to different HTML elements. In the example above, we adjust the font size of the body element and use CSS Flexbox to adjust the layout of a container and its child items. You can adjust the styles as per your requirement.

Media queries can be complex and may involve multiple conditions, but they are a powerful tool for creating responsive web designs that adapt to different devices and screen sizes.