更改移动方向时元素的高度会发生变化

Question

你可以在这里看到访问手机网站的问题（对我来说是Iphone）：如果你去景观后回到肖像。

http://machinas.com/wip/stradviarius/startpage/

在纵向和横向之间更改移动方向时，块<section class="block">的高度会改变高度。它的css设置为：

.block {
    height: 50vw;
    width: 50%;
}

我该如何避免这种行为？