Update Web/CSS/Viewport_concepts, zh-CN (#1543)

Fix typo and unify format

1 files changed, 6 insertions, 6 deletions

diff --git a/files/zh-cn/web/css/viewport_concepts/index.html b/files/zh-cn/web/css/viewport_concepts/index.html
index bdc7b27831..edf14aef07 100644
--- a/files/zh-cn/web/css/viewport_concepts/index.html
+++ b/files/zh-cn/web/css/viewport_concepts/index.html
@@ -5,11 +5,11 @@ translation_of: Web/CSS/Viewport_concepts
 ---
 <p>{{CSSRef}}</p>
 
-<p class="summary">这篇文章阐述了<strong>视口(viewport)</strong>的概念，对 visual viewport 和 布局视口(layout viewport) 进行区分，并让你了解 viewport 的意义是什么，以及它对 CSS, SVG 和移动设备方面的影响。</p>
+<p class="summary">这篇文章阐述了<strong>视口 (viewport) </strong>的概念，对 visual viewport 和 布局视口 (layout viewport) 进行区分，并让你了解 viewport 的意义是什么，以及它对 CSS, SVG 和移动设备方面的影响。</p>
 
 <h2 id="什么是_viewport">什么是 viewport ?</h2>
 
-<p>视口(viewport)代表当前可见的计算机图形区域。在 Web 浏览器术语中，通常与浏览器窗口相同，但不包括浏览器的 UI， 菜单栏等——即指你正在浏览的文档的那一部分。</p>
+<p>视口 (viewport) 代表当前可见的计算机图形区域。在 Web 浏览器术语中，通常与浏览器窗口相同，但不包括浏览器的 UI， 菜单栏等——即指你正在浏览的文档的那一部分。</p>
 
 <p>文档，比如这篇文章，可能会非常长。你的 viewport 就是你现在所能见到的所有事物。值得注意的是“什么是视口区域”这个问题，页面中的一些导航菜单也包括在其中。Viewport 的大小取决于屏幕的大小，无论浏览器是否处于全屏模式，是否被用户缩放了。Viewport 外的区域，比如这个文档的<em> See Also</em> 部分，可能需要滚动到其所在的区域才会出现在屏幕上。</p>
 
@@ -73,13 +73,13 @@ body &gt; footer {
 
 <p>缩放后，我们得到了 800 * 533 的测量值。头部和尾部仍然固定在窗口的顶部和底部。但是当使用触屏双指缩放或者当动态键盘在手机上弹出的时候呢？</p>
 
-<p>Web 浏览器包含两个 viewport，<strong>布局视口(layout viewport)</strong>和<strong>视觉视口(visual viewport)</strong>。visual viewport 指当前浏览器中可见的部分，并且可以变化。当使用触屏双指缩放，当动态键盘在手机上弹出的时候，或者之前隐藏的地址栏变得可见的时候，visual viewport 缩小了，但是 layout viewport 却保持不变。</p>
+<p>Web 浏览器包含两个 viewport，<strong>布局视口 (layout viewport)</strong> 和<strong>视觉视口 (visual viewport)</strong>。visual viewport 指当前浏览器中可见的部分，并且可以变化。当使用触屏双指缩放，当动态键盘在手机上弹出的时候，或者之前隐藏的地址栏变得可见的时候，visual viewport 缩小了，但是 layout viewport 却保持不变。</p>
 
-<p>我们上面说到的固定的头部和尾部，固定在 layout viewport 的底部和顶部，所以当 visual viewport 缩小的时候,保留在视觉中。当你缩放页面时，布局视口可能不能被全部看到。如果你放大布局视口的中间部分，内容讲在四个方向上扩展。如果你有一个固定的头部和底部，它们依然固定在布局视口的顶部和底部，因此它们可能会在设备屏幕的底部和顶部不可见-视觉视口。视觉视口是布局视口当前的可见部分如果你向下滚动，视觉视口的内容就会改变，并布局视口的底部就会滚动到可视区域。</p>
+<p>我们上面说到的固定的头部和尾部，固定在 layout viewport 的底部和顶部，所以当 visual viewport 缩小的时候,保留在视觉中。当你缩放页面时，布局视口可能不能被全部看到。如果你放大布局视口的中间部分，内容将在四个方向上扩展。如果你有一个固定的头部和底部，它们依然固定在布局视口的顶部和底部，因此它们可能会在设备屏幕的底部和顶部不可见-视觉视口。视觉视口是布局视口当前的可见部分如果你向下滚动，视觉视口的内容就会改变，并布局视口的底部就会滚动到可视区域。</p>
 
-<p>T视觉视口是屏幕的可视部分，不包括屏幕键盘，缩放外的区域。视觉视口比布局视口相同或者更小</p>
+<p>视觉视口是屏幕的可视部分，不包括屏幕键盘，缩放外的区域。视觉视口比布局视口相同或者更小</p>
 
-<p>对于一个包含框架，objects或外部svg的页面，两者都有它们自己的window对象，只有最外层的window的视觉视口不同于布局视口。对于包含的文档，视觉视口与布局视口是相同的。</p>
+<p>对于一个包含框架，objects 或外部 svg 的页面，两者都有它们自己的 window 对象，只有最外层的 window 的视觉视口不同于布局视口。对于包含的文档，视觉视口与布局视口是相同的。</p>
 
 <h3 id="CSS">CSS</h3>