0

タイトルはすべてを説明しています、私は問題が個人的に何であるかを見ることができません、私はCSSに問題があるかもしれないと思いました、しかしそれはIEとFirefoxでうまく見えます、なぜクロムが苦労しているのか分かりませんか？

追加してみました

#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

別の種類の画像を使用してください。リンクをチェック

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

ファイルの末尾に CSS を追加することはできません。インラインにするか、外部ファイルとして含めるかstyle、head のタグ内に配置する必要があります。

次のように、CSS を head に移動してみてください。

<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 に答える
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 に答える
0

あなたの問題はおそらくimgタグにあります：

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

「高さ」または「幅」属性を使用して単位を指定することはできません。それらを完全に削除し、CSS を使用して画像のスタイルを設定します。

于 2012-12-04T01:44:25.747 に答える