移动Safari以不同的方式呈现CSS - 任何修复？

Question

我有两列布局（左侧数据和右侧导航）。在Safari桌面上正确呈现，但在iPhone上，右侧列呈现在页面底部。 基本代码模板是：

<div class="colmask rightmenu">
<div class="colleft">
<div class="col1">
<!-- Column 1 start -->
<div class="ui-body ui-body-e">

<div data-role="collapsible" data-collapsed="true" data-theme="e" data-content-theme="b">
some data here  </div>

<!-- Column 1 end -->
</div>
</div>
<div class="col2">
<!-- Column 2 start -->

<div class="ui-body ui-body-b">
nav stuff here
</div>
<!-- Column 2 end -->
</div>
</div>
</div>
</body>

无论视口宽度设置为（当前为100＆amp;％）

，问题都是相同的