Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.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 HTML div背景拉伸_Javascript_Html_Css - Fatal编程技术网

Javascript HTML div背景拉伸

Javascript HTML div背景拉伸,javascript,html,css,Javascript,Html,Css,如何在div中拉伸背景,而背景将拉伸以适应屏幕分辨率。在那个div中,我只想让导航条位于右上角。想要这个div只是为了介绍页面。后面的其他div中会有更多内容。背景大小:100%; 在背景图像下方添加css 选择所需的尺寸标注 背景尺寸:30px 40px div { width : 100vw; height : 100vh; background : url('path/to-image.jpg') 50%/contain; } 如果你不在乎拉伸或扭曲图像,那

如何在div中拉伸背景,而背景将拉伸以适应屏幕分辨率。在那个div中,我只想让导航条位于右上角。想要这个div只是为了介绍页面。后面的其他div中会有更多内容。

背景大小:100%; 在背景图像下方添加css

选择所需的尺寸标注

背景尺寸:30px 40px

div {
  width      : 100vw;
  height     : 100vh;
  background : url('path/to-image.jpg') 50%/contain;
}
如果你不在乎拉伸或扭曲图像,那么你可以按照Melik说的做,并将背景值设置为


background:url('path/to image.jpg')50%/100%100%

如何使用
背景尺寸:封面这是相同的,重点是我想拉伸背景以适应屏幕分辨率,而不仅仅是包含高宽200px+-的导航条的div,也许我需要拉伸div或者我不需要know@uppermostnp!如果这是您要查找的内容,请选择它作为答案;)