2017-04-27 11 views
-1

私のウェブページにはいくつかのCSSの問題があります...実際には、ユーザが何らかの理由でウィンドウのサイズを変更するたびに、すべてがうんざりしてしまいます。サーバーからコンテンツを再ダウンロードせずに強制的にページをリロードする方法(CSSの再計算のみを強制する)

何らかの理由で、ブラウザのウィンドウのサイズ変更後にすべてのブラウザ(Chrome、Firefox、およびIE)がCSSを再計算しない(または正しく再計算しない)。

ユーザーがブラウザのウィンドウのサイズを変更するたびに強制的にページを再読み込みすることができます(これはCSSの再計算を意味します)。しかし、毎回サーバーからコンテンツを再構成する必要はありません。

ありがとうございます!

+0

根本的な問題を見つけようとする方がよいかもしれません。サイズ変更後にCSSを再計算しないブラウザーが何を意味しているのか分かりません - ページロード時にJSによって多くのスタイルが適用されていますか? –

+0

この動作を示すコード例を実際に提供する必要があります。明示的に幅をピクセル単位でJavaScriptのどこかに設定していますか? – jas7457

+0

@EdmundReed私は知っていますが、私は迅速な修正を探しています...私は問題があります。なぜなら、3つの部分すべてに異なるCSSトランジションがあるためです。 – Emilio

答えて

0

あなたの説明によると、ユーザーがウィンドウのサイズを変更したときに、特定の壊れたCSSを再計算する必要があります。

jQueryのために、あなたは

$(window).resize(function() { 
    $('.someEle').css('width', $(window).width()/2) 
}) 

とバニラのjavascriptのために行うことができます:

window.onresize = function() { 
    // do sth here 
} 

いずれかの方法を、あなたは特にどことあなたのCSSが決裂し、それらを修正する方法をなぜ知っている必要がありますリサイズハンドラで

読んでいただきありがとうございます。

+0

私は、ユーザーがウィンドウのサイズを変更したときにページ全体を再計算したいと思っています – Emilio

+1

@Emilio多分あなたはこれを参照することができますが、これは良い方法ではないと思います。 http://stackoverflow.com/questions/13721183/reload-css-stylesheets-with-javascript – Chang

+0

ありがとう! :) – Emilio

関連する問題