10

私は非常に奇妙な問題に遭遇しました.HTMLモックアップを作成しています.localhostからすべての主要なブラウザでうまく動作しますが、サーバーにアップロードするとおかしくなりました.

ChromeまたはSafariでサーバーからサイトをロードすると、ヘッダー (localhost から必要なように見えます) が歪んで表示されます。ただし、ページをリロードすると、正常に表示される可能性があります。

両方の場所のコードは同じです。サーバーはApache 2.2.16で実行されています

4

3 に答える 3

12

Adblock Plusアドオンから挿入された CSS から来ています。アドオンを無効にすると、Chrome with me の問題が解決します。

これは、クローズ直後に Adblock Plus から注入され</body>ます。

<link rel="stylesheet" type="text/css" href="data:text/css,">
于 2012-09-07T18:04:08.313 に答える
2

あなたのテストサーバーは私には問題ないようです。

ただし、(Apache とは関係なく) 2 つのことが頭に浮かびます。

  1. ブラウザのキャッシュについて考えたことはありますか? CSS ファイルを更新すると、ブラウザーは代わりに古いキャッシュ バージョンのファイルを使用する場合があります。これに関するヒントについては、この質問を参照してください。
  2. ファイルとフォルダーのアクセス許可。Web サーバーにアップロードする場合、多くの場合、アップロードのたびに権限が上書きされ、実行中の Apache プロセスから依存ファイル (CSS または JavaScript ファイルなど) にアクセスできなくなります。

    chmod -R 755 /path/to/my/webfolder/私はかなり頻繁に走ります...

それでも問題が解決しない場合は、Apache.conf ファイルを調べて、localhost と公開サーバーに違いがあるかどうかを確認します。それがどうなるかは想像できません...許可の違いかもしれません...

于 2012-09-07T17:21:55.477 に答える
2

犯人を見つけたと思います(ローカルのApacheサーバーで毎回動作するようになりました):

.headblock {
    float: right;
    width: 650px;
}

(私は削除しましたheight: auto;)

height: autoまた、Chrome の問題に関する投稿http://productforums.google.com/forum/#!topic/chrome/ikmnUr22cyIも見つけました。そして、それが修正されたことについてのフィードバックはありませんでした.

そうではありませんでした。ページを簡素化し、テスト用にhttp://jsfiddle.net/KqVJ9/というフィドルをアップロードしました。

修繕?

この更新版http://jsfiddle.net/KqVJ9/3/は、私にとって常に機能します。元のパディング/マージンとまったく同じではないかもしれませんが、それらの微調整はあなたに任せます。:)

于 2012-09-07T17:31:13.903 に答える