Question

并设置全屏的“高度”1/2。

这是我的代码：

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" manifest="/m?manifest=1">
 <head> 
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
  <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no, width=device-width">

 </head>
<body >
<div></div>
<style type="text/css">
div{
 background:red;
}
</style>
<script src="jquery-1.4.2.js" type="text/javascript"></script>
<script type="text/javascript">


</script>
</body>
</html>

Answer 1

我会使用css和javascript的组合（使用jquery）。

用于javascript

        updateOrientation : function() {
            var orientation = window.orientation;

            switch (orientation) {

                // If we're horizontal
                case 90:
                case -90:

                // Set orient to landscape
                $(body).addClass("landscape");
                break;  

                // If we're vertical
                default:

                // Set orient to portrait
                $(body).addClass("portrait");
                break;
            }

        }

为css：

body{
    height: 240px;
}

/* Reposition on orientation change */
body.landscape{
    height: 160px;
}

这只是一个基本大纲，根据您的需要进行调整

如何设置'div'元素充满屏幕（宽度），当iphone改变方向时，它也是全屏（宽度）

1 个答案: