HTML IMG覆盖所有高度限制
需要设置一个包含一个或多个HTML IMG的HTML表，并且不希望HTML IMG触发垂直滚动条。我知道HTMLIMG可以设置明确的像素尺寸限制，这在限制垂直尺寸方面效果很好。但是我希望HTML表使用屏幕高度的90%，HTML表中的HTML IMG使用HTML表的90%。我尝试了六种不同的方法来实现这一点，但都没有任何效果。在所有情况下，超过屏幕高度的图像都会放大HTML表格并触发垂直滚动条。以下是我最近尝试的代码，请原谅我在限制垂直方向上的许多可怜的冗余镜头：HTML IMG覆盖所有高度限制,html,Html,需要设置一个包含一个或多个HTML IMG的HTML表，并且不希望HTML IMG触发垂直滚动条。我知道HTMLIMG可以设置明确的像素尺寸限制，这在限制垂直尺寸方面效果很好。但是我希望HTML表使用屏幕高度的90%，HTML表中的HTML IMG使用HTML表的90%。我尝试了六种不同的方法来实现这一点，但都没有任何效果。在所有情况下，超过屏幕高度的图像都会放大HTML表格并触发垂直滚动条。以下是我最近尝试的代码，请原谅我在限制垂直方向上的许多可怜的冗余镜头： <?xml version
<?xml version="1.0" encoding="ISO-8859-1"?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" xmlns:epub="http://www.idpf.org/2007/ops">
<head>
<style type="text/css">
html, body {
height:100%;
}
#images {
position:relative;
height:100%;
overflow:hidden;
}
#images img {
width:100%;
}
</style>
</head>
<body>
<table>
<caption align="bottom">this photo caption</caption>
<tr>
<td height="90%"><img src="Images/plate70.jpg"/></td>
</tr>
</table>
<p align="left">
<a href="chap1.xhtml#P70"><button>Text</button></a>
</p>
<script type="text/javascript">
window.resizeTo(500,200);
</script>
</body>
</html>
html，正文{
身高：100%；
}
#图像{
位置：相对位置；
身高：100%；
溢出：隐藏；
}
#图像img{
宽度：100%；
}
此图片说明
窗口。resizeTo（500200）；
表格布局：固定在表格元素上。否则width
和height
将被视为minwidth
和minheight
使用表格布局：固定在表格元素上。否则width
和height
将被视为minwidth
和minheight
您的意思是这样吗？恐怕没有效果。所选图像仍超出物理屏幕大小，并触发滚动条。。。表{表布局：固定；}。也可以在CSS表中添加明确的像素高度，但没有帮助。您可以使用idimages
为元素定义样式，但没有具有该id的元素。添加id=“images”将img声明和#图像高度降低到80%，但仍然得到垂直滚动条。不能有多个元素具有相同的ID。请使用一个类。请原谅我的无知。img.a{height:50%；}然后，但image1.jpg仍然将垂直方向推得足够远，足以触发滚动条。你的意思是这样吗？恐怕没有效果。所选图像仍超出物理屏幕大小，并触发滚动条。。。表{表布局：固定；}。也可以在CSS表中添加明确的像素高度，但没有帮助。您可以使用idimages
为元素定义样式，但没有具有该id的元素。添加id=“images”将img声明和#图像高度降低到80%，但仍然得到垂直滚动条。不能有多个元素具有相同的ID。请使用一个类。请原谅我的无知。做了img.a{height:50%；}之后，但image1.jpg仍然将垂直方向推得足够远，足以触发滚动条。