我的div消失得很奇怪

时间:2017-02-04 13:26:20

标签: html ios css

当您访问iphone上的关注页面http://tyzxhfamil.0613.npycom.com/yhd1/d.html (我的ios版本是ios 10.2.1)时,红色div会奇怪地消失。

我找到了四个解决方案:

  1. 删除" -webkit-overflow-scrolling:touch;"
  2. 删除" -webkit-transform:rotateY(60deg);"
  3. 删除灰色背景
  4. 将黄色div的高度减少到一个值,例如" 2000px"
  5. 然而,这些风格对我来说是必要的。

    有没有人知道任何可以解决此问题的解决方案 删除这些现有的样式?

    谢谢!

    
    
    <!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;
    &#13;
    &#13;

0 个答案:

没有答案