2
나는이처럼 보이는 페이지가 있습니다사업부는 빈 렌더링됩니다
: 나는 이상한 행동을 많이 받고 있어요*{
margin:0px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-webkit-touch-callout: none;
}
body {
width:100%;
height:100%;
background:red;
overflow:hidden;
}
#outer {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
display:-webkit-box;
-webkit-box-orient:horizontal;
-webkit-box-pack:center;
-webkit-box-align:center;
overflow:hidden;
border: 1px solid blue;
}
을 :
이<html>
<body>
<div id="outer">
<div id="inner">
<img width="300" height="250" src="someimage.jpg"/>
</div>
</div>
</body>
</html>
CSS의 스타일링이입니다
- WebView에서 웹 페이지의 초기로드시 파란색 선이 표시됩니다. div3002에있는 이미지가없는 것 같습니다.
- 처음 새로 고침 할 때 WebView가 천천히 100 % 높이로 확장됩니다. 천천히
someimage.jpg
을 밝힙니다. 마치 화면 전체를 차지할 필요가 있다는 것을 천천히 깨닫는 것처럼outer
div의 애니메이션과 같습니다. - 이후의 모든 새로 고침에서 확장 애니메이션이 발생하지 않습니다. 모든 것이 잘 보입니다.
웹 페이지의 처음 두 가지로드는 어떻게됩니까?
다른 이상한 점은 파란색 테두리가 없으면 # 2와 # 3이 발생하지 않는다는 것입니다. 즉, 나는 정말로 파란색 줄이 붙어 있는데, 이것은 실제로 붕괴 된 파란색 테두리 인 div
입니다. 왜 inner
div의 내용을 표시하기 위해 경계선이 필요한지 이해할 수 없습니다.
모든로드에 대해 동일한 WebView를 사용하고 있습니다. 즉, 그냥 WebView#loadUrl
이라고합니다.