Я - дизайнер книг, и я пытаюсь сделать так, чтобы моя обложка epub масштабировала изображение при изменении размера окна предварительного просмотра.
В настоящее время это выглядит так: Пример сломанной книги
И это пример книги, которая правильно масштабируется при том же размере окна:
Пример рабочей книги
Это моя html:
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:epub="http://www.idpf.org/2007/ops">
<head>
<title>cover</title>
</head>
<body>
<div style="text-align:center;" epub:type="cover">
<img src="image/TransitionsAcrossCultures_Ebook.jpg" alt="TransitionsAcrossCultures_Ebook.jpg" style="max-width:100%;" />
</div>
</body>
</html>
А это рабочая книга html:
<?xml version="1.0" encoding="UTF-8"?>
<html xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svg="http://www.w3.org/2000/svg" xml:lang="en-gb" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Eat That Frog!</title>
<link rel="stylesheet" type="text/css" href="../styles/9781605095332.css"/>
</head>
<body>
<div>
<svg:svg viewBox="0 0 1200 1855">
<svg:image xlink:href="../images/9781605095332.jpg" transform="translate(0 0)" width="1200" height="1855"/>
</svg:svg>
</div>
</body>
</html>
Есть предложения, как заставить мою работать с этими тегами SVG?
Спасибо