如何显示比浏览器窗口更大的图像而不显示滚动条并保留整个图像？

我想在浏览器窗口中居中一个图像并对其应用3D转换。这一切都可以正常工作，直到图像大于浏览器窗口，在这种情况下，即使在转换之后，整个图像都会适合浏览器窗口，但我仍然会丢失图像中不在屏幕上的部分。我不想显示滚动条。如果我将它制作为背景图像，我可以转换div，但如果图像未经过转换，则会丢失图像的部分。如何显示比浏览器窗口更大的图像而不显示滚动条并保留整个图像？

是否有可能显示比浏览器窗口更大的图像而没有滚动条？

来源

2011-10-05 Curyous

你能展示你的代码以获得更多细节吗 – sandeep

你是在问一个2磅重的袋子里如何获得一个3磅的图像？ –

我从头开始用一个小例子，并设法通过在包含包含图像的div的div上使用overflow: hidden;。

来源

2011-10-05 04:31:36 Curyous

您是否尝试过使用CSS3 Background Size属性？

你可以阅读关于它here。我相信，如果你使用属性

background-size:cover;

随着它的webkit和moz-webkit，你应该得到你正在寻找的结果。试试吧，让我知道，如果没有那个链接应该有用。

希望它有帮助！：D

来源

2011-10-05 03:55:16

如何显示比浏览器窗口更大的图像而不显示滚动条并保留整个图像？

回答

相关问题