Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/wordpress/12.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
Css 我不能在Firefox中强制将此图像设置为100%?_Css_Wordpress_Firefox - Fatal编程技术网

Css 我不能在Firefox中强制将此图像设置为100%?

Css 我不能在Firefox中强制将此图像设置为100%?,css,wordpress,firefox,Css,Wordpress,Firefox,代码如下: 受此css影响: .输入页图像{位置:固定;显示:内联块;顶部:0;边距:0 0 30px 30px;左侧边距:260px;浮动:左侧;宽度:100%;} .特色图像容器{高度:100%;宽度:自动;} .特色图像容器img{高度:100%;宽度:自动;} 然而,在Firefox中,浏览器采用标准的1024px高图像,并且不会将其缩小到浏览器窗口高度的100%。我知道这是一个很常见的问题,但我似乎无法将我的代码重新表述为正确的效果 有人想给我换一下吗?这里的问题是高度:100%;打开

代码如下:

受此css影响:

.输入页图像{位置:固定;显示:内联块;顶部:0;边距:0 0 30px 30px;左侧边距:260px;浮动:左侧;宽度:100%;} .特色图像容器{高度:100%;宽度:自动;} .特色图像容器img{高度:100%;宽度:自动;} 然而,在Firefox中,浏览器采用标准的1024px高图像,并且不会将其缩小到浏览器窗口高度的100%。我知道这是一个很常见的问题,但我似乎无法将我的代码重新表述为正确的效果

有人想给我换一下吗?

这里的问题是高度:100%;打开。特征图像容器相对于其容器的高度调整高度

在这种情况下,容器的高度等于容器中内容的高度,即图像的自然高度

如果手动将html、body上的高度设置为100%,那么您会发现div的高度现在与预期的一样

例如:

html,正文{ 身高:100%; } .集装箱{ 宽度:自动; 身高:100%; 边框:1px纯红; } img{ 最小高度:100%; } 更新

此外,将图像宽度设置为“自动”将使宽度成为图像的默认宽度,而不是容器的默认宽度。将宽度设置为100%将解决此缩放问题:


示例:

刚刚看到您的网站,我认为浏览器下方还有图像,我认为您可能需要添加位置:relative;到.entry page image

的输出就是该图像。它对于屏幕来说有点太大了,但在Chrome、IE等浏览器上,它可以拉伸到100%的高度和宽度:auto使它的形状合适。Firefox,同样是出了名的,并没有以这种方式处理它。我就是不知道该怎么办。。。谢谢你的帮助。我想是。。。不是吗?html,body{height:100%;margin:0;padding:0;}仍然不起作用。这就是那一页。我有100%的页面高度、100%的容器和100%的img。难道我一辈子都不知道我做错了什么…你想让它做什么?如果更改宽度:自动;宽度:100%;然后它填满了整个空间。这就是你想要的吗?我在更新中指出的一点是,你不能将高度设置为100%,因为图像受其宽度的约束。如果你同时设置高度和宽度,它会填满整个空间。不完全是。我希望图像的高度为浏览器高度的100%,宽度与新高度成比例。如果你在Chrome中打开链接,它会正确显示。。。