как установить элемент 'div' на весь экран (ширина), когда iphone меняет направление, он также на весь экран (ширина) - PullRequest
Новая
       11

как установить элемент 'div' на весь экран (ширина), когда iphone меняет направление, он также на весь экран (ширина)

1 голос
/ 11 марта 2010

И установите «высоту» 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>

1 Ответ

1 голос
/ 11 марта 2010

Я бы сделал это с помощью комбинации 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;
}

Это просто базовая схема, отрегулируйте ее так, как считаете нужным

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...