gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Update use-media-queries-to-create-responsive-layouts.chinese.md (#30686)

Browse Source 
* Update use-media-queries-to-create-responsive-layouts.chinese.md

* update some translation
This commit is contained in:
Picklebunker 2019-05-07 15:13:47 -04:00 committed by Jingyi Ding
parent d4df02c7e2
commit 5570716edf
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
curriculum/challenges/chinese/01-responsive-web-design/css-grid/use-media-queries-to-create-responsive-layouts.chinese.md
View File

@ -3,11 +3,11 @@ id: 5a94fe7769fb03452672e463
title: Use Media Queries to Create Responsive Layouts
challengeType: 0
videoUrl: ''
localeTitle: 使用媒体查询创建响应布局
localeTitle: 使用media queries创建响应式布局
---
## Description
<section id="description">通过使用媒体查询重新排列网格区域，更改网格的尺寸以及重新排列项目的位置，CSS Grid可以轻松地使您的网站更具响应性。在预览中，当视口宽度为300px或更大时，列数从1变为2.广告区域然后完全占据左列。 </section>
<section id="description">您可以使用CSS Grid的media queries来使您的网站布局具有响应式的特征。media queries可以用于重新排列网格区域，更改网格尺寸的大小以及重新排列项目。在预览中，当视口宽度为300px或更大时，网格列数将会从1变为2.然后广告区域会完全占据左列。 </section>
## Instructions
<section id="instructions">当视口宽度为<code>400px</code>或更大时，使标题区域完全占据顶行，页脚区域完全占据底行。 </section>