Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/372.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在没有滚动条的情况下显示比浏览器窗口大的图像并保留整个图像?_Javascript_Html_Css - Fatal编程技术网

Javascript 如何在没有滚动条的情况下显示比浏览器窗口大的图像并保留整个图像?

Javascript 如何在没有滚动条的情况下显示比浏览器窗口大的图像并保留整个图像?,javascript,html,css,Javascript,Html,Css,我想在浏览器窗口中将图像居中,并对其应用三维变换。在图像大于浏览器窗口之前,这一切都可以正常工作,在这种情况下,我会丢失屏幕上的图像部分,即使在转换后,整个图像将适合浏览器窗口。我不想显示滚动条。如果我将其设置为背景图像,我可以变换div,但是如果不变换,我会丢失屏幕外的图像部分 是否可以在不显示滚动条的情况下显示比浏览器窗口大的图像?是否尝试使用CSS3背景大小属性 你可以读到它。我相信如果你使用这个财产 background-size:cover; 除了它的webkit和moz-webki

我想在浏览器窗口中将图像居中,并对其应用三维变换。在图像大于浏览器窗口之前,这一切都可以正常工作,在这种情况下,我会丢失屏幕上的图像部分,即使在转换后,整个图像将适合浏览器窗口。我不想显示滚动条。如果我将其设置为背景图像,我可以变换div,但是如果不变换,我会丢失屏幕外的图像部分


是否可以在不显示滚动条的情况下显示比浏览器窗口大的图像?

是否尝试使用CSS3背景大小属性

你可以读到它。我相信如果你使用这个财产

background-size:cover;
除了它的
webkit
moz-webkit
,您还应该得到您想要的结果。尝试一下,让我知道,如果没有链接应该是有用的


希望有帮助!:D

我从零开始使用一个小示例,并通过使用
overflow:hidden使其工作
在一个包含图像的div的div上。

能否显示您的代码以了解更多详细信息?您是否询问如何在一个2磅的袋子中获得一个3磅的图像?