Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.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
Html div标签中的背景图像大小-全屏-内联css_Html_Css - Fatal编程技术网

Html div标签中的背景图像大小-全屏-内联css

Html div标签中的背景图像大小-全屏-内联css,html,css,Html,Css,我最初尝试在div中添加背景图像。我面临着根据整个屏幕调整图像宽度的问题 参考下面的,根据,我试图看看它是否有效,但我发现图片本身不可见 当我添加宽度和高度时,也就是像素,而不是%,我可以查看图片,但大小不适合完美的屏幕。 请帮忙解决这个问题 试试这个: background-size: 100% 100%; //instead of background size cover 尝试使用float,您可以调整图像的宽度和高度如果父对象没有高度,则子对象的百分比值不会产生影响,因为当您说he

我最初尝试在div中添加背景图像。我面临着根据整个屏幕调整图像宽度的问题

参考下面的,根据,我试图看看它是否有效,但我发现图片本身不可见

当我添加宽度和高度时,也就是像素,而不是%,我可以查看图片,但大小不适合完美的屏幕。

请帮忙解决这个问题

试试这个:

background-size: 100% 100%; //instead  of background size cover

尝试使用float,您可以调整图像的宽度和高度

如果父对象没有高度,则子对象的百分比值不会产生影响,因为当您说height:100%时,表示父对象高度的100%

.parent{} .孩子{ 宽度:100%; 身高:100%; 背景图片:url'http://via.placeholder.com/350x150'; }
还是一样。。。这张照片不可见,这很奇怪,因为它对我有用。你能分享plunker或其他东西的代码吗,这样我就可以深入检查它有什么问题?请让我知道,是否需要将其用作背景图像?否则,还有其他几种方法可以实现您想要实现的目标。如果该div的父级没有高度,则该div上的百分比将无效,因为它是基于该div计算的,还可以尝试包含该问题的一个工作示例。您能用html和css在jsfiddle.net上重现该问题吗?所以我们可以看看它?请添加代码,错误和数据作为文本,而不是图像。图片:A不允许我们复制和粘贴代码/错误/数据进行测试;B不允许基于代码/错误/数据内容进行搜索;和一般来说,文本格式的代码/错误/数据>>>>图像格式的代码/错误/数据>>无。除了代码格式的文本外,如果图像添加了一些仅由文本代码/错误/数据无法传达的重要信息,则只能使用图像。你让我大开眼界了!!很乐意帮忙: