2013-03-04 4 views
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의 스타일링이입니다

  1. WebView에서 웹 페이지의 초기로드시 파란색 선이 표시됩니다. div3002에있는 이미지가없는 것 같습니다.
  2. 처음 새로 고침 할 때 WebView가 천천히 100 % 높이로 확장됩니다. 천천히 someimage.jpg을 밝힙니다. 마치 화면 전체를 차지할 필요가 있다는 것을 천천히 깨닫는 것처럼 outer div의 애니메이션과 같습니다.
  3. 이후의 모든 새로 고침에서 확장 애니메이션이 발생하지 않습니다. 모든 것이 잘 보입니다.

웹 페이지의 처음 두 가지로드는 어떻게됩니까?

다른 이상한 점은 파란색 테두리가 없으면 # 2와 # 3이 발생하지 않는다는 것입니다. 즉, 나는 정말로 파란색 줄이 붙어 있는데, 이것은 실제로 붕괴 된 파란색 테두리 인 div입니다. 왜 inner div의 내용을 표시하기 위해 경계선이 필요한지 이해할 수 없습니다.

모든로드에 대해 동일한 WebView를 사용하고 있습니다. 즉, 그냥 WebView#loadUrl이라고합니다.

답변

0

"확장하는"이유는 무엇입니까? 저는 레이아웃 매개 변수가있는 WebView를 추가하지 않았습니다! 내 모든 문제가이 작은 세부 사항에서 비롯된 것 같습니다.