Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/visual-studio-2010/4.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
Php 在浏览器chrome和fire fox浏览器上,图像未显示为较小的图标_Php_Html_Css - Fatal编程技术网

Php 在浏览器chrome和fire fox浏览器上,图像未显示为较小的图标

Php 在浏览器chrome和fire fox浏览器上,图像未显示为较小的图标,php,html,css,Php,Html,Css,我面临的一个问题是,firefox、chrome和edge浏览器上很少有图像显示不正确,但internet explorer上的图像显示得非常好。代码的某些部分如下所示 .header\u左上角1{ 浮动:左; 左侧填充:8px; } .header_左上角1 a{ 浮动:左; 左侧填充:2px; 颜色:黑色; 显示:内联块; 字体:粗体; 字号:18px; 位置:相对位置; } .标题_左上1 a img{ 宽度:20px; 高度:15px; 显示:块; } 我在第一次查看时看到,您缺少宽度

我面临的一个问题是,firefox、chrome和edge浏览器上很少有图像显示不正确,但internet explorer上的图像显示得非常好。代码的某些部分如下所示

.header\u左上角1{
浮动:左;
左侧填充:8px;
}
.header_左上角1 a{
浮动:左;
左侧填充:2px;
颜色:黑色;
显示:内联块;
字体:粗体;
字号:18px;
位置:相对位置;
}
.标题_左上1 a img{
宽度:20px;
高度:15px;
显示:块;
}

我在第一次查看时看到,您缺少宽度中的单位属性。 您的代码:

.header_top-left1 a img {
  width: 20; // hast to be 20px for example
  height: 15px;
  display: block;
}

看起来IE似乎忽略了Fontawesome类,只显示png绿色背景的手机图像,而其他浏览器至少在尝试使用fa


您给定的代码不显示任何字体设置。这是在什么地方做的吗?

这不是问题,因为高度是正确的,但显示的仍然大于15px。@yalcin:我已经添加了单位,但问题是相同的。图像比预期的大。@UmarAbdullah您使用的是图像还是iconfont?因为当你运行你的代码时,它是有效的,所以它不是一个真正的szenario:)“因为当你运行你的代码时,它是有效的”-这就是为什么你应该发布一个答案,直到我们知道问题是什么!我们无法修复不存在的问题:)您向我们展示的代码没有出现问题,所以一定是其他问题。@FluffyKitten:我只展示了与图像相关的代码。是的,这是可以预期的,所以这不是问题。@fluffykitten:我希望图像较小,但在chrome和firefox浏览器上它非常大。我已经将您的代码放入一个带有350x300px图像的代码段中,您可以看到它工作得非常完美。我所做的唯一更改是删除PHP。您发布的代码没有任何问题,我们无法帮助解决我们看不到的问题@霍沃斯:我已经取消了丰纳威一些职业。若我使用了FontWoome类图像将是小的,但它会模糊。