0

标题说明了一切，我个人看不出问题是什么，我怀疑可能是 CSS 的问题，但在 IE 和 Firefox 中看起来还不错，我不明白为什么 chrome 会挣扎？

我试过添加

#logo img
{
width: 50%;
float:left;
}

尝试直接设置图像样式，仍然没有运气

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css.css"/>
<title>Welcome!</title>
</head>

<body>
<div id="header"> 
<div id ="logo">
<img src="Media/Images/logo.svg" type="image/svg+xml" width="75%" height="142px;" />
</div>

<div id="icons">
    <img src="Media/Images/EnvelopeIcon.png" alt="Envelope Icon" height="25" width="30">
    <p>M015734a@student.staffs.ac.uk</p>
    <div class="clear">     
    </div>
    <img src="Media/Images/PhoneIcon.png" alt="Envelope Icon" height="25" width="30" />
    <p> 07904921417</p>
    <div class="clear">     
    </div>
    <img src="Media/Images/HouseIcon.png" alt="Envelope Icon" height="25" width="30">
        <p>Stafford, UK</p>
    <div class="clear">     
    </div>              
<div class="clear">     
</div>
</div>
</div>

<nav>
<div id ="NavBG">
safsafnsakn
</div>
</nav>
</body>
</html>

#logo
{
    width: 50%;
    float:left;

}

#logo img
{
    width: 50%;
    float:left;
}
4

5 回答 5

2

似乎有解决此问题的方法。您可以尝试使用<object>而不是<img>

<object height="100%" width="100%" data="Media/Images/logo.svg" type="image/svg+xml">
</object>

另请参阅以下链接了解更多详情。

http://e.metaclarity.org/52/cross-browser-svg-issues/
http://henkelmann.eu/2010/12/16/display_svg_image_same_size_in_decent_browsers

于 2012-12-04T07:07:18.007 回答
1

您不能只将 CSS 附加到文件的末尾。它必须是内联的，作为外部文件包含在内，或者放在style头部的标签内。

尝试将 CSS 移动到头部，如下所示：

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css.css"/>
<title>Welcome!</title>
<style>
#logo
{
    width: 50%;
    float:left;

}

#logo img
{
    width: 50%;
    float:left;
}
</style>
</head>

如果您无法解决徽标未出现在 Chrome 中的问题，请在JSFiddle中重新创建您的文件，并附上图片和您的外部 css.css 文件，并在此处发布链接。

于 2012-12-04T01:48:27.790 回答
1

请使用不同类型的图像。检查链接

http://code.google.com/p/chromium/issues/detail?id=119693
于 2012-12-19T21:41:31.700 回答
0

您的问题可能在img标签中：

<img src="Media/Images/logo.svg" type="image/svg+xml" width="75%" height="142px;" />

您不能使用“高度”或“宽度”属性指定单位 - 我将完全删除它们并使用 CSS 设置图像样式。

于 2012-12-04T01:44:25.747 回答
0

更改您的代码 

链接 rel="icon" type="image/x-icon" href="/favicon.ico"
到 
链接 rel="icon" type="image/x-icon" href="/favicon.png"

还将图像重命名为 .png。由于 Chrome 有时不会选择 ico 图标。这个对我有用。

于 2016-05-19T09:49:41.370 回答