問題タブ [window-resize]

ブラウザー ウィンドウのサイズを小さく変更すると、右のフローティング div が同じ含まれる div 内の左のフローティング div の下に移動します。ウィンドウのサイズを変更するまで、すべてが正常に表示されます。

ここで、c1 は親、c1a は左側の div、c1b は右側の div です。

どうすればこれを修正できますか?

私の申請書には、寄付者の名前と住所を記入するためのフォームがあります。各寄付者には閉じることができるタブがあり、各タブにはアドレス フォームがあります。

問題は、アプリケーションが通常のアプリケーション ウィンドウで実行されるため、すべての異なるサイズにスケーリングされることです。テキスト フィールドの幅と高さを静的にすると、それらはすべて大画面のウィンドウの左上にとどまります。それらを動的にすると、比較的少量のテキスト (名前など) に対して巨大なボックスが表示されるため、フォームの見栄えが悪くなります。それらを動的に配置すると、ボックス間に大きなギャップができてしまいます。

この問題に対処する最善の方法は何ですか? これに通常使用されるUIコンストラクトはありますか（これまでに使用されたのは、タブベースのUIのために実行できない、スケーラブルでないモーダルダイアログにフォームを配置することだけでした）。

ありがとう

ウィンドウのサイズが変更されると、Windows はいくつかのメッセージを送信します。

• WM_GETMINMAXINFO
• WM_ENTERSIZEMOVE
• WM_EXITSIZEMOVE
• WM_NCCALCSIZE
• WM_サイズ
• WM_SIZE
• WM_WINDOWPOSCHANGING
• WM_WINDOWPOSCHANGED

そしておそらくもっと。

ウィンドウのサイズが変更されたときに子の位置を変更したい場合、どこでどのようにすればよいですか?
私は「最良の」方法を探しています。つまり、落とし穴が最も少なく、ちらつきが最も少ない方法です。

私の現在の方法はWM_NCCALCSIZE、 を使用して 内ですべての再配置を実行することDeferWindowPosです。
しかし、私もそれを内部で処理しようとしました...しかしWM_WINDOWPOSCHANGED、どこで処理しても、ウィンドウが中間の状態でペイントされるとき、ウィンドウのサイズが変更されましたが、その内容はまだサイズ変更されていません。

私が避けたいもう 1 つの効果:既に移動した後に子を移動することです。変更によって、ユーザーがコントロールを下にスライドしてから元に戻すのを見たくありません。一時的な影響はできるだけ少なくする必要があります。

私はこれを正しくやっていますか？ウィンドウの子をレイアウトできるより良い場所はありますか?

社内で使用するブラウザ内アプリケーションを構築しています。ユーザーが 6 つの異なるブラウザー ディメンションをすばやく切り替えられると便利です。window.resizeTo を使用してみましたが、最新のブラウザーのほとんどはコード化されたサイズ変更を無効にしているようです。Safari は私の Mac ユーザーに対する唯一の例外のようですが、Chrome と FF も同様に追随するのではないかと懸念しています。

回避策やユーザーのオプトインを知っている人はいますか? 仕事を終わらせることができるChrome拡張機能を見つけましたが、理想的には、一部のユーザーは自分のマシンに非常に厳しい権限を持っているため、構成やサードパーティの拡張機能は必要ありません.

jq を使用してページの読み込み時に要素の幅を計算していますが、正常に動作し、ウィンドウのサイズ変更を自動化しようとしていますが、うまくいきません。望ましい効果: ボックスは、ウィンドウのサイズ変更時に自動的にサイズ変更され、ドロップダウンされないようにする必要があります。

http://jsfiddle.net/yMcXm/4/

どんな助けでも大歓迎です。ありがとうございました！

私がこれを正しく行っているかどうかはわかりませんが、jq アニメーションはちょっと失速しており、サイズ変更時にマウス (LC) を保持しているかどうかに応じて変化し、毎回奇妙な効果が発生します http://jsfiddle.net/yMcXm/15/

望ましい効果は、ウィンドウ サイズが 680 ピクセル未満の場合はボックスのサイズをスムーズに変更し、680 ピクセルを超える場合は 20% に戻すことです。

よくわからない間違った機能を使用している可能性があります。

どんな助けでも大歓迎です。

私は流体レイアウトプロジェクトに取り組んでいます。ドキュメントに高さ固定の DIV がいくつかありますが、高さがすべて異なります。ブラウザーのサイズ変更時に、これらの DIV の高さを比例的に変更する必要があります。これがマークアップです。

そしてCSS：

簡単ですね！主な条件は、ターゲット DIV とその ID の正確な量がわからないことです。そのため、.each(function()) を使用しています。ここに私が書いたスクリプトがあります：

});

このスクリプトは、ユーザーがページをリロードすると完全に機能します。ユーザーがリロードせずにブラウザのサイズを変更すると、どうすれば同じ結果を動的に得ることができますか? $(window).resize イベントリスナーを適用する必要があることはわかっています。しかし問題は、DIV の最初の高さがイベント内で計算され、結果がほぼ無限ループのようになることです。つまり、最終的な高さが大幅に増加または減少します。私はそれを必要としません！イベント関数の外側で各DIV の初期高さを計算し、イベント関数内でこれらの高さを使用するにはどうすればよいですか? それとも、同じ結果を得るための別のアプローチがあるのでしょうか?

anyslider で問題が発生しました。window.resize のスライダーを新しいパラメーターで更新する方法を知っている人はいますか?

サイズ変更の新しい呼び出しですでに試しました。ただし、小さいレイアウトに対しては 1 回しか機能しません。

サイズ変更時に、新しいパラメーターで関数を呼び出します..

助けてthx。

私はJavascriptをより適切に構造化しようとしていて、次のように、window.onresizeを返されたオブジェクトに組み込む方法を考えています。

これは人々がそれをする方法ですか、これはうまくいくでしょうか？ありがとう

編集：

そのように呼び出されます：

ウィンドウのサイズが変更されたときに、baseline.initが最初のinit関数呼び出しと同じパラメーターで呼び出されるようにしたいと思います...

ページを読み込むとき、またはブラウザ ウィンドウのサイズを変更すると、css の読み込みに遅延が発生し、ユーザーは書式設定なしでページを見ることができます。これは私のサイトです: bit.ly/MbyWss

これは私のコードです:

HTMLの元のcssは estilos_def.css です

ボディがロードまたはサイズ変更されたら、関数 start を呼び出します