Merge pull request vuejs#793 from zzuieliyaoli/intro-flow-png-responsive

Fix: flow.png in intro.md isn't responsive

Author: blake-newman

docs/en/intro.md

@@ -36,7 +36,7 @@ It is a self-contained app with the following parts:
 This is an extremely simple representation of the concept of "one-way data flow":
 
 <p style="text-align: center; margin: 2em">
-  <img style="max-width:450px;" src="./images/flow.png">
+  <img style="width:100%;max-width:450px;" src="./images/flow.png">
 </p>
 
 However, the simplicity quickly breaks down when we have **multiple components that share common state**:

docs/fr/intro.md

@@ -36,7 +36,7 @@ C'est une app auto-contenue avec les parties suivantes :
 Voici une représentation extrèmement simple du concept de "one-way data flow" (_flux de données unidirectionnel_) :
 
 <p style="text-align: center; margin: 2em">
-  <img style="max-width:450px;" src="./images/flow.png">
+  <img style="width:100%;max-width:450px;" src="./images/flow.png">
 </p>
 
 Cependant, la simplicité s'évapore rapidement lorsque nous avons **de multiples composants qui partagent le même state** :

docs/ja/intro.md

@@ -38,7 +38,7 @@ new Vue({
 これらは"単方向データフロー"のコンセプトの極めてシンプルな責務です:
 
 <p style="text-align: center; margin: 2em">
-  <img style="max-width:450px;" src="./images/flow.png">
+  <img style="width:100%;max-width:450px;" src="./images/flow.png">
 </p>
 
 しかし、単純さは、**共通の状態を共有する複数のコンポーネントを持ったときに**、すぐに破綻します:

docs/kr/intro.md

@@ -36,7 +36,7 @@ new Vue({
 이것은 "단방향 데이터 흐름" 개념의 매우 단순한 도표입니다.
 
 <p style="text-align: center; margin: 2em">
-  <img style="max-width:450px;" src="./images/flow.png">
+  <img style="width:100%;max-width:450px;" src="./images/flow.png">
 </p>
 
 그러나 **공통의 상태를 공유하는 여러 컴포넌트** 가 있는 경우 단순함이 빠르게 저하됩니다.

docs/ru/intro.md

@@ -36,7 +36,7 @@ new Vue({
 Вот простейшее представление концепции "однонаправленного потока данных":
 
 <p style="text-align: center; margin: 2em">
-  <img style="max-width:450px;" src="./images/flow.png">
+  <img style="width:100%;max-width:450px;" src="./images/flow.png">
 </p>
 
 Простота, к сожалению, быстро исчезает при появлении **нескольких компонентов, основывающихся на одном и том же состоянии**, когда:

docs/zh-cn/intro.md

@@ -36,7 +36,7 @@ new Vue({
 以下是一个表示“单向数据流”理念的极简示意：
 
 <p style="text-align: center; margin: 2em">
-  <img style="max-width:450px;" src="./images/flow.png">
+  <img style="width:100%;max-width:450px;" src="./images/flow.png">
 </p>
 
 但是，当我们的应用遇到**多个组件共享状态**时，单向数据流的简洁性很容易被破坏：