以下简单代码（请参阅jsbin上的live）：

这不会呈现一个全高div，因为您可以从绿色背景色轻松看到它！HTML/CSS黑客知道为什么，大数据局，而且有很多选择来获得我们想要的：一个全高和全宽的div在体内。我喜欢的一个选项是使用视口相对值，即vh和vw。你可以设置位置：绝对+宽度：100%相反，在div上（也有其他的选择），但我的观点是其他的。从没听说过vh和vw？下面是一个按照我所希望的方式修复上面代码的示例：

现在我们有了一个全高div。下面是关于vh、vw，甚至vmin和vmax的详细说明：

所以现在我们知道vh/vw/vmax/vmin是标准的，而vmax对某些microsoft浏览器有限制（请参阅caniuse）。

知道这在UI5中到处都会有帮助，i、 当实现一些小片段时，让我们看看为什么要看更多的代码（jsbin）：

到目前为止没有什么特别的-只是一个200px高的面板。当然，它工作的很好…现在我们希望面板有200%的高度，看到这个jsbin在这里：

哦，现在我们又有一个问题，云服务器设备，因为面板看起来不像它有200%的高度，对吗？和上面的原因一样，大数据存储技术，HTML/CSS黑客也知道为什么…这个jsbin向我们展示了我们可以做什么：

直接在ui5控件上使用viewport维度很有诱惑力。让我们在下面的jsbin片段中尝试一下：

但是，这样做会在控制台中给我们带来以下错误：

错误："200vh"是string类型，预期sap.ui.core.CSSSize表示元素sap.m.Panel#u panel0

的属性"height"sap.ui.core.CSSSize不支持视口尺寸。最初我想为这个特性创建一个pull请求（或者它是一个bug？），但是后来我看到了代码和可怕的正则表达式，淘客怎么赚钱，我将在github上打开一个问题，以这个博客为例

我没有描述"为什么"，淘客放单，但是google很好地找到了答案。另外，我没有告诉您任何关于vh/vw视口尺寸和%值之间的差异。谷歌知道其中的区别，或者你可以从stackoverflow开始：

css中%和vw的区别是什么？CSS单位–vh/vw和%？