Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.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_Jquery_Css - Fatal编程技术网

Javascript 如何";放大“;让你的形象更具反应力

Javascript 如何";放大“;让你的形象更具反应力,javascript,jquery,css,Javascript,Jquery,Css,我有一个3000x275px的图像,我想在3000宽的屏幕上完整显示(几乎没有),当屏幕变小时,放大到中间。因此,320屏幕只能看到横幅的中间320像素 我试过很多方法,但我一生都想不出办法来完成这件事。注意,我使用slick slider来滑动图像,因此不确定解决方案是在此类中还是在css中。这很容易实现,如下所示: 标题{ 宽度:100%; 高度:275px; 背景图像:url('https://i.imgur.com/vimIKDj.png'); 背景尺寸:3000px 275px; 背

我有一个3000x275px的图像,我想在3000宽的屏幕上完整显示(几乎没有),当屏幕变小时,放大到中间。因此,320屏幕只能看到横幅的中间320像素


我试过很多方法,但我一生都想不出办法来完成这件事。注意,我使用slick slider来滑动图像,因此不确定解决方案是在此类中还是在css中。

这很容易实现,如下所示:

标题{
宽度:100%;
高度:275px;
背景图像:url('https://i.imgur.com/vimIKDj.png');
背景尺寸:3000px 275px;
背景位置:中心;
文本对齐:居中;
颜色:白色;
}

您的标题
寻求代码帮助的问题必须包含在问题本身中重现所需的最短代码,最好是在一个文本中。看你是英雄。我不知道slick slider也可以用于背景图像,但它工作得非常完美!