在纵向模式下,视口高度合适,但当我将设备旋转到横向时,高度不合适,就好像它需要纵向高度(不确定)。我正在使用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>