当您访问iphone上的关注页面http://tyzxhfamil.0613.npycom.com/yhd1/d.html (我的ios版本是ios 10.2.1)时,红色div会奇怪地消失。
我找到了四个解决方案:
然而,这些风格对我来说是必要的。
有没有人知道任何可以解决此问题的解决方案不 删除这些现有的样式?
谢谢!
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
#main {
width: 100%;
height: 1000px;
-webkit-overflow-scrolling: touch;
overflow: auto;
}
.wrap {
width: 200px;
height: 200px;
background: gray;
}
.rotate {
width: 100px;
height: 100px;
background: red;
-webkit-transform: rotateY(60deg);
}
.blank {
background: yellow;
height: 10000px;
}
</style>
</head>
<body>
<!-- this div content could scroll -->
<div id="main">
<!-- this div has background -->
<div class="wrap">
<!-- the div disappears -->
<div class="rotate"></div>
</div>
<!-- only for take place to make the conent could scroll -->
<div class="blank"></div>
</div>
</body>
</html>
&#13;