vw单位下的宽度是相对的视区指？实例页面

HTML代码：

<p>网页视区宽度为：<span id="innerWidth">0</span>px</p>
<p>浏览器的宽度为：<span id="outerWidth">0</span>px</p>
<p>显示器的宽度为：<span id="screenWidth">0</span>px</p>
<p>目前图片宽度是：<span id="imageWidth">0</span>px</p>
<p>为下面图片选择一个宽度值：<select id="testWidthSel">
        <option value="10vw" selected="selected">10</option>
        <option value="20vw">20</option>
        <option value="30vw">30</option>
        <option value="40vw">40</option>
    </select> vw
</p>
<p id="forAppendImg"></p>