XHTML img仅在电子阅读器的表中缩小

问题描述

我有这个基本的XHTML文件，在第一列中有一个显示图像的表（图像大小约为64x64 pix），在第二列中有一些文本。

ServiceCard

在浏览器中打开文件，第一列中的图像以完整尺寸显示。如果缩小窗口或在浏览器中强制平板电脑/智能手机查看，图像仍会以原尺寸显示。

我将文件添加到了epub。用电子书阅读器打开它（Calibre默认为Calibre），我在浏览器中看到了所有类似的东西（即全尺寸图像）。

我已经在擦除器设备（旧的Kobo Touch）上上传了epub。在这里，图像会缩小到非常小的尺寸。

为什么会这样？

这可能是电子书阅读器问题吗？可能吧是否有任何HTML / css技巧可以强制全尺寸？

我尝试将其添加到css文件中

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:epub="http://www.idpf.org/2007/ops">
<head>
  <link href="../Styles/style.css" rel="stylesheet"/>
</head>
<body>
  <table>
    <tbody>
      <tr>
        <td><img src="../Images/A.png"/></td>
        <td><p>Lorem ipsum dolor sit amet,consectetur adipiscing elit. Cras sapien tortor,malesuada convallis mi quis,mattis porta eros. Integer sed massa et felis aliquam interdum eget sed massa. Vestibulum luctus,lacus in posuere consectetur,neque orci maximus lectus,tristique aliquam tortor nulla id lacus. Sed tempor auctor felis at vulputate. Duis euismod,metus sed hendrerit blandit,sem tortor laoreet lorem,non feugiat quam nunc condimentum erat. Vestibulum sit amet laoreet est,vel sollicitudin urna. Aliquam erat volutpat. Pellentesque soDales tincidunt turpis eget sollicitudin. Nunc et tincidunt ligula,at tristique orci. Praesent ut congue mauris. Praesent non metus ut libero sagittis hendrerit et ac dui. Donec eget ultricies risus,quis euismod massa.</p></td>
      </tr>
      <tr>
        <td><img src="../Images/D.png"/></td>
        <td><p>Donec pretium dapibus felis at vestibulum. Morbi posuere mauris ac facilisis sollicitudin. Praesent iaculis mauris molestie ante cursus,sit amet ornare velit viverra. Cras dictum sollicitudin erat,mollis tempus orci hendrerit sit amet. Mauris orci nunc,soDales ut metus sit amet,pretium posuere velit. Mauris elementum,dolor ut laoreet faucibus,neque purus fringilla urna,vel tristique lacus odio sit amet purus. Suspendisse eget ultricies libero. Sed a semper augue. Morbi ac ligula ut nibh ornare eleifend nec ut nisl. Quisque ut rhoncus odio. </p></td>
      </tr>
    </tbody>
  </table>
</body>
</html>

还是没有运气，图像缩小了。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

html xhtml