【EPUB】iBooksで外字画像が本文サイズにならない①
鎌田です。
iBooksで外字を画像（インライングラフィック）で処理したEPUBを表示させると、文字サイズと比例した大きさになりませんでした。iBooks2、3でも。
Digital EditionsやReadiumでは文字サイズに追随しますが、iBooksではダメでした。
CSSは下記の通り。
img.gaiji{
display: inline-block;
width: 1em;height: 1em;
vertical-align: text-top;
}
htmlは、こんな感じでした。
○○○○<img alt=”" class=”gaiji” src=”../Images/gaiji99.JPG” />○○○○
またまた闘いの始まり〜。ググってみても、なかなか見つかりません。
2時間後、次の情報を得た。
http://d.hatena.ne.jp/works014/20101221
この通りにやってみる。
CSSは、
img.gaiji{
width: 1em;
height: 1em;
vertical-align: text-top;
}
span.gaiji {
display: inline-block;
width: 1em;
height: 1em;
vertical-align: text-top;
line-height: 1;
text-indent: 0;
}
span.gaiji>img {
display: block;
width: 100%;
height: 100%;
}
htmlは、
○○○○<span class=”gaiji”><img alt=”" class=”gaiji” src=”../Images/gaiji0.JPG” /></span>○○○○
この対応で、文字サイズに追随する外字設定ができました！
情報提供者様に感謝です。
1 Comment
Leave a comment
記事投稿日
| 日 | 月 | 火 | 水 | 木 | 金 | 土 |
|---|---|---|---|---|---|---|
| « 9月 | ||||||
| 1 | 2 | 3 | 4 | 5 | ||
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 | 29 | 30 | |||
[...] 《注》 [1]【EPUB】iBooksで外字画像が本文サイズにならない① [2] EPUBで画像の大きさを指定する方法を調べた：①iBooks (1.2)はちょっと特殊だ！、②続き（結論） [3]【EPUB】iBooksで外字画像が [...]