gpt4 book ai didi

iphone - 如何设置 'div'元素满屏(宽度),当iphone改变方向时,它也是全屏(宽度)

转载 作者:行者123 更新时间:2023-11-28 19:07:38 28 4
gpt4 key购买 nike

并设置“高度”为全屏的 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>

最佳答案

我会结合使用 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;
}

这只是一个基本的轮廓,您可以根据自己的需要进行调整

关于iphone - 如何设置 'div'元素满屏(宽度),当iphone改变方向时,它也是全屏(宽度),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2422472/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com