将iOS设备旋转到横向时,视口高度无法正确计算

时间:2015-03-19 12:42:55

标签: ios jquery-mobile viewport

在纵向模式下,视口高度合适,但当我将设备旋转到横向时,高度不合适,就好像它需要纵向高度(不确定)。我正在使用jquery mobile for web app。我的视口标记是:

<meta name="viewport" content="initial-scale="1", maximum-scale="1", user-scalable="no" />

我不提供高度和宽度仍然适用于纵向模式,但不适用于从纵向旋转到横向时的横向。横向仅在横向模式下加载文档时有效,但在旋转时无效。

任何建议都有帮助。

标记:

<html>
    <head>
        <title>Test</title>     
        <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, user-scalable=no" />     <meta name="apple-mobile-web-app-status-bar-style" content="black" />
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />       
    </head>
    <frameset id="mainContainer" >
        <frame name="frame1" id="frame1" src="framesource1.php"/>
        <frame name="frame2" id="frame2" src="framesource2.php"/>
    </frameset>
</html>

0 个答案:

没有答案