XHTML img仅在ereader上的表格中收缩_Html_Css_Xhtml

XHTML img仅在ereader上的表格中收缩

html css

XHTML img仅在ereader上的表格中收缩,html,css,xhtml,Html,Css,Xhtml,我有一个基本的XHTML文件，第一列有一个显示图像的表格（图像大小约为64x64像素），第二列有一些文本 <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:epub="http://www.idpf.o

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

<?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>

还是不走运，图像被缩小了。

我没有使用电子阅读器的经验，但是你尝试过元视口指令吗？我没有太多使用html和css的经验。你能进一步解释你的想法吗？我的意思是，试着把

放在头上。这告诉浏览器，至少在手机和平板电脑上，不要尝试调整页面大小以使页面更可见等技巧。（就像我说的，没有使用电子阅读器的经验。）顺便问一下，你确定这是真正的XHTML吗？源代码中存在格式错误，如果它是真正的XHTML，浏览器将无法显示任何内容。此外，我还更正了代码片段。

table img {
  height: 100%! important;
}