ChromeはCSSをオンラインとオフラインで別々にレンダリングしますか？

Question

Chromeをローカルに読み込んだときに問題が発生しましたが、ページがオンラインになると問題が発生します。私が最初にしたことは、Safariが両方とも同じレンダリングエンジンを共有していることを確認することでした。 Safariは私のページをうまくレンダリングします。

ページ上のリンクをクリックして戻るボタンを押すと、ページがきれいに読み込まれます。ページがオンラインになったら、ヘッダーを押し下げる

そしてここに：ここで

は、どのようにページが読み込まローカルクロームに示す画像である

ここでは、関連するHTMLです：

<!-- header --> 
    <div id="header2"> 
     <a href="#"><img src="images/detailpages/logo.png" alt="logo" /></a> 
     <ul> 
      <li><a href="#">Features</a></li> 
      <li><a href="#">Pricing</a></li> 
      <li class="blue"><a href="#">Sign Up</a><a href="#">Log In</a></li> 
      <li><form><input type="text" name="form" placeholder="type another channel" id="navsearch" /><img src="images/detailpages/search.png" alt="search" /></form></li> 
     </ul> 
    </div> 
<!-- end header --> 

とCSS：

#header2 { 
position: relative; 
z-index: 999; 
height: 40px; 
width: 100%; 
background: #000; 
box-shadow: 0em 0em 0.5em #000; 
     -webkit-box-shadow: 0em 0em 0.5em #000; /* safari */ 
/* header nav type */ 
font-family: "Varela Round", Helvetica, Arial, sans-serif; 
font-size: 15px; 
} 

#header2 ul { 
float: right; 
list-style-type: none; 
} 

#header2 li { 
display: block; 
float: left; 
height: 32px; 
margin: 10px 16px 0; 
} 
/* sign up/log in button */ 
#header2 li.blue { 
    background: url('../images/detailpages/login.png'); 
    width: 170px; 
    height: 40px; 
    margin: 0; 
} 
#header2 li.blue a { 
    display: block; 
    float: left; 
    margin: 10px 3px 0 24px; 
} 
#header2 input { 
    height: 22px; 
    width: 220px; 
    padding: 0 8px; 
    font-family: "Varela Round", Helvetica, Arial, sans-serif; 
    font-size: 14px; 
    color: #333; 
} 
#header2 form img { 
    display: block; 
    float: right; 
    padding-left: 5px; 
} 

この男は同じ問題を抱えていたが、解決策があったようにそれは見ていません： CSS rendering in Chrome differs online from offline

Answer 1

私の賭けは、あなたが（多分偶然）オンラインまたはオフラインのドメインのいずれかのためにChromeのズーム設定を変更したです。

Ctrl + ズームレベルをリセットするには、リセットする必要があります。

Answer 2

フォントの問題として表示されます。あなたは "Varela Round"をオンラインにしていない可能性があり、Helveticaはそのフォントとは異なるサイズになります。オフラインで、あなたはVarelaのサイジング、オンライン、あなたはHelveticaを取得しています。