diff --git a/curriculum/challenges/chinese/01-responsive-web-design/css-grid/use-media-queries-to-create-responsive-layouts.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/css-grid/use-media-queries-to-create-responsive-layouts.chinese.md index 5b32b8fa3c..77fd74e0d6 100644 --- a/curriculum/challenges/chinese/01-responsive-web-design/css-grid/use-media-queries-to-create-responsive-layouts.chinese.md +++ b/curriculum/challenges/chinese/01-responsive-web-design/css-grid/use-media-queries-to-create-responsive-layouts.chinese.md @@ -3,11 +3,11 @@ id: 5a94fe7769fb03452672e463 title: Use Media Queries to Create Responsive Layouts challengeType: 0 videoUrl: '' -localeTitle: 使用媒体查询创建响应布局 +localeTitle: 使用media queries创建响应式布局 --- ## Description -
通过使用媒体查询重新排列网格区域,更改网格的尺寸以及重新排列项目的位置,CSS Grid可以轻松地使您的网站更具响应性。在预览中,当视口宽度为300px或更大时,列数从1变为2.广告区域然后完全占据左列。
+
您可以使用CSS Grid的media queries来使您的网站布局具有响应式的特征。media queries可以用于重新排列网格区域,更改网格尺寸的大小以及重新排列项目。在预览中,当视口宽度为300px或更大时,网格列数将会从1变为2.然后广告区域会完全占据左列。
## Instructions
当视口宽度为400px或更大时,使标题区域完全占据顶行,页脚区域完全占据底行。