在今天的网页设计中，大多数网站都需要自适应不同的屏幕大小，以保证更好的用户体验。

CSS 的媒体查询（media queries）是一种使网页根据屏幕尺寸和设备特性来适应屏幕的方法。

@media(max-width: 768px){/*这里添加css代码*/}

使用媒体查询时，需要将需要调整的 CSS 放在 media query 中，这里以 768 像素的屏幕宽度为例。

@media(max-width: 768px){body{font-size:16px;}.container{width:100%;}/*这里添加更多的样式*/}

在上述代码中，我们将 body 字体大小设置为 16px，并将容器的宽度设置为 100%，使其适应屏幕宽度。

在使用媒体查询时，需要注意不要将太多的 CSS 样式放在其中，否则可能会影响网页性能。

最后，需要确保网页元素能够适应不同屏幕尺寸，并保证用户体验更佳。