웹보기 epub3 내용

숨바꼭질, 나는 독자 일하고 있어요웹보기 epub3 내용

를로드, 우리는 epub2에서 작동하는 데 사용, 나는 .CSS 파일을 사용하여 페이지 매김 효과에 작업 할 때 CSS를 무시. 최근에 ePub 3 파일을 받았으며 Play 북 Android 앱에서 시도했을 때 제대로 작동하지만 제공 한 CSS 규칙을 준수하지 않습니다.

친절하게 내가 같은 웹보기와 관련된 몇 가지 기능 조작 한 참고 :

testWV.getSettings().setUseWideViewPort(true); 
testWV.getSettings().setLoadWithOverviewMode(true);

을이 사용 된 페이징 CSS 인 epub2 파일 친절

html { 
    height:heightplaceholderpx; //set dynamically depending on phone screen size 

    width:100%; 
    } 

body { 
    margin:0px; 
    padding:0px; 
    width:100%; 

    pointer-events: none; 
    } 


#viewer { 
    width:widthplaceholderpx; 
    height:heightplaceholderpx; 
} 

#book { 
    width:widthplaceholderpx; 
    height:heightplaceholderpx; 

    margin-left:50px; 
    margin-right:50px; 
    margin-top:10px; 

    -webkit-column-count:auto; 
    -webkit-column-width:widthplaceholderpx; 
    -webkit-column-gap:100px; 
    text-align:justify; 
} 

.h { 
    margin-top:60px; 
    margin-left:100px; 
    margin-right:100px; 
} 


img { 
    max-width: 100%; 
    height:auto; 
}

에 완벽하게 작동하기 전에 언급 한 바와 같이 다음은 CSS 파일을 통합하는 방법입니다.

<?xml version="1.0" encoding="UTF-8"?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <link rel="stylesheet" href="columnPaging.css" type="text/css" media="screen"/> 
    headplaceholder //the header extracted from the xhtml file of the book 
</head> 
<body> 
    <div id="viewer"> 
    <div id="book"> 
     bodyplaceholder //the body extracted from the xhtml file of the book 
    </div> 
    </div> 
</body> 
</html>

출처

2017-09-18 coder

당신이 그의 CSS 에서이 var widthplaceholderpx를 사용하여 볼 수 있습니다. 일반적으로 Java 코드에서이를 대체해야합니다. 그러나 bodyplaceholder이 HTML의 본문에 추가되었을 때 나는 widthplaceholderpx을 다시 무시해야했습니다. 그래서 CSS는 실제 높이가 무엇인지 알 것입니다.

출처

2017-09-19 08:57:34 Steven

답변

관련 문제