Css 需要图像自动调整大小到IE 8中的浏览器窗口 我创建了一些页面来显示一个简单的图片库，只是中间的图片，下一个，然后点击它的两边。图片大小平均约为800X1050，非常适合我的1920X1200显示器。我所需要的是一种自动调整图片大小到浏览器高度的方法，以便在较小的显示器上使用。我在这个网站和其他网站上进行了大量搜索后，终于成功地实现了这一点。我在妻子的笔记本电脑上进行了测试，结果令人满意。然而，当我在IE8浏览器上测试它时（不要问我为什么…），它不起作用。我将要与之共享这个图库的一些人将不得不在我们过时的电脑上查看它，所以我在过去几天一直在努力让它工作，但我不能。下面是我目前拥有的每个库页面的示例代码。当我从许多来源拼凑起来时，很可能会有一些不必要/多余的部分。对此问题的任何帮助，甚至任何改进都将不胜感激 <html> <title>Picture Gallery</title> <head> <style> .numbering { vertical-align: top; } img { max-height: 100%; vertical-align: middle; } </style> </head> <body bgcolor="silver"> <center> <img src="10.png" class="numbering"> <a href="previous-picture.html"><img border="0" src="back.png"></a> <img src="picture.jpg"> <a href="next-picture.html"><img border="0" src="next.png"></a> <img src="spacer.png" class="numbering"> </center> </body> </html> 画廊 .编号{ 垂直对齐：顶部； } img{ 最大高度：100%； 垂直对齐：中间对齐； }
由于最大宽度属性在ie8中起作用，请使用Css 需要图像自动调整大小到IE 8中的浏览器窗口 我创建了一些页面来显示一个简单的图片库，只是中间的图片，下一个，然后点击它的两边。图片大小平均约为800X1050，非常适合我的1920X1200显示器。我所需要的是一种自动调整图片大小到浏览器高度的方法，以便在较小的显示器上使用。我在这个网站和其他网站上进行了大量搜索后，终于成功地实现了这一点。我在妻子的笔记本电脑上进行了测试，结果令人满意。然而，当我在IE8浏览器上测试它时（不要问我为什么…），它不起作用。我将要与之共享这个图库的一些人将不得不在我们过时的电脑上查看它，所以我在过去几天一直在努力让它工作，但我不能。下面是我目前拥有的每个库页面的示例代码。当我从许多来源拼凑起来时，很可能会有一些不必要/多余的部分。对此问题的任何帮助，甚至任何改进都将不胜感激 <html> <title>Picture Gallery</title> <head> <style> .numbering { vertical-align: top; } img { max-height: 100%; vertical-align: middle; } </style> </head> <body bgcolor="silver"> <center> <img src="10.png" class="numbering"> <a href="previous-picture.html"><img border="0" src="back.png"></a> <img src="picture.jpg"> <a href="next-picture.html"><img border="0" src="next.png"></a> <img src="spacer.png" class="numbering"> </center> </body> </html> 画廊 .编号{ 垂直对齐：顶部； } img{ 最大高度：100%； 垂直对齐：中间对齐； },css,internet-explorer,Css,Internet Explorer,由于最大宽度属性在ie8中起作用，请使用width:inherit使其与IE8中的纯CSS一起工作 像这样 img { width: inherit; /* This makes the next two lines work in IE8. */ max-width: 100%; /* Add !important if needed for the code to work. */ height: auto; /* Add !important if needed. fo
width:inherit使其与IE8中的纯CSS一起工作
像这样
img {
width: inherit; /* This makes the next two lines work in IE8. */
max-width: 100%; /* Add !important if needed for the code to work. */
height: auto; /* Add !important if needed. for the code to work */
}
“它不起作用”是指它不成比例地扩展吗？我不想澄清。如果我没有任何关于高度或宽度的信息，它会在低分辨率显示器上显示一张800X1050的图片，只显示顶部的2/3左右。你必须向下滚动才能看到所有的图片（很明显，但我正在制作一个插图：）。我在上面发布的代码将压缩图像，使其适合我妻子最新IE浏览器上的笔记本电脑。当我在IE8上使用它时，它只显示前2/3，必须滚动，好像它完全忽略了最大高度：100%。你指给我看的那页是我浏览过的其中一页，但没有成功。我想我应该补充一点，那页对我没有帮助的原因是我不知道该把代码放在我的.html文件中的什么地方。我也不知道“我把这段代码放在我主题的footer.php文件中”是什么意思。所以如果我知道如何处理它，也许会有所帮助。他说的是，你应该把代码放在文档的“页脚”中，也就是说，在页面底部的结束体标记之前插入代码。您需要将其包装在脚本标记中，代码如下所示。。。代码中的数字是希望图像放大到的最大宽度。如果你想将图像放大到1000，你可以将他的615改为1000。需要为你创建的每个模板添加代码。谢谢大家。明天我将尝试这两个建议并报告结果。再次感谢您的建议，但它们都不起作用。如果今天之后我什么都想不出来的话，我将得出结论，用IE8将图像缩放到浏览器高度并发送图库是不可能的。我的同事将不得不处理格式不正确的页面。哈曼，你是说你有IE8来测试它，你可以调整浏览器的大小来工作吗？我只是想澄清一下，我发布的代码在最新的IE上有效，但在IE8上无效。也许我没有把所有的东西都按正确的顺序放在一起。如果您能发布一个完整的工作.html文件，以便我可以将其用作模板，我将不胜感激。归根结底，无论我如何尝试实现它，我都无法获得在IE8中工作的最大高度（或最大宽度）。替换一个简单的宽度或高度声明，它可以将图片缩放到特定的尺寸。当然，这种解决方案会让屏幕更大的人看不到不必要的小图片。我意识到，这些天来，解决这个IE8问题可能很困难，因为谁还有IE8（除了我的工作场所！：<）。所以，第二个问题。我在电脑上使用IE和Firefox，我妻子在笔记本电脑上使用Chrome。我可以发誓我的第一次尝试在Firefox上成功，但现在我发现它在Firefox和Chrome上都不起作用。那么，有没有任何原因使上述代码无法在这些浏览器上运行，以及有什么方法可以修复它呢？