2016-03-30 5 views
1

最近私のウェブサイトのレイアウトは何もせずに自発的に変更されました。例:some text has been heavily misplaced and small circles are appearing in strange places.CSSの自発的な変更、バグ?

奇妙な部分は変更できないということです。私がCSSで何を変更しても、変更は私のウェブサイトには表示されません。私は文字通り.cssの内容全体を消去して保存することができますが、やはり誤って配置されたオブジェクトで同じWebサイトが表示されます。私は、しかし、私のHTMLコードから

<link rel="stylesheet" type="text/css" href="luffisdesign.css"/> 

タグを削除した場合、それは完全にCSSレイアウトを削除します。何が起こっていますか? 画像は表示されませんでした

更新は、ここにリンクだ:gyazo.com/bb6069d4de568c902e8526864b5f5f2f「 - - - 」の部分は、もともと下のフォームと灰色の領域に配置しました。私は文書が正しく表示されてから、両方の文書に全くゼロの変更を加えました。

+0

ヘルプを得るには、あなたのウェブサイトへのリンクを追加してください。 – Miro

+0

これはローカルホストです。私は自分の仕事のコードを付けることができましたが、問題はCSSやChrome自体にあると思います。 – Birks

+0

CSS *は*コードなので、それも含めてください(そしてHTMLも) – Johannes

答えて

1

ほとんどの場合、表示されているスタイルシートがキャッシュされているため、最新のバージョンのスタイルシートを取得していない可能性があります。 ?あなたはこのように、スタイルシートをつかむために、リンクの最後に、V =(x値)を追加することができます:あなたは、PHPを使用している場合

<link rel="stylesheet" type="text/css" href="luffisdesign.css?v=1"/> 

また、あなたが?t=<%= DateTime.Now.Ticks %>を使用することができます。

返信の代わりにコメントを残したいと思っています。これは、ランダムサークルについてのあなたの懸念に答えるものではありませんが、まだ50人の担当者がいないためできません。

+1

知らない人のためのメモ: '?v'または'?t'部分は何も意味しません。あなたは '' meow = panda1'を実行することができますし、同じ効果があります。これを行う背後にあるアイデアは、URLを変更するだけです。 URLが変更されているので、ブラウザは新しいものだと思ってキャッシュされません。前にダウンロードされていません – Kenyon

+0

これは分かりませんでした。ありがとう! –

2

私の推測では、あなたのブラウザをあなたのものにアップデートしました。

通常、CSSが「スタック」すると、何らかの種類のキャッシュが行われていることを意味します。 CSSを削除し、プライベートブラウジングセッションを開き、それが動作するかどうかを確認してください。

Chromeでは、開発者ツールでキャッシュを無効にすることができます。また、キャッシュに役立つctrl + f5を使用することもできます。

サーバー側のキャッシュを実行している場合は、mystyle.css?v=1のようなクエリパラメータは、キャッシュを破棄するために本当にうまく機能します。

0

ありがとうございました! Kenyonが言ったように、私が最近ブラウザを更新したためかもしれない。それを考えなかった。 .cssファイルのテキストを新しいドキュメントに転送し、代わりに新しいドキュメントをHTMLコードにリンクするだけで、問題を解決することができました。なぜ彼らは両方がまったく同じファイルを含んでいるので、それがなぜ解決したのかわかりませんが、何とかしました。

+1

自分自身もダニエル・ゴメスも言ったように、キャッシングと関係があります。あなたのブラウザはCSSファイルをキャッシュしていました(基本的にオフラインで保存しました)。だから、たとえあなたがそれを変更していたとしても、ブラウザはすでにCSSファイルを持っていると仮定しているので、決してそれを求めていませんでした。 – Kenyon