問題タブ [dynamic-resizing]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
4 に答える
4576 参照

javascript - ウェブページの幅をインチで決定する

メディア クエリを使用して、ページの幅が何インチかによってページの表示方法を変更する CSS スタイルシートがあります (たとえば、4 インチより小さい場合やハンドヘルド デバイスで表示されている場合は、より多くのモバイル デバイスを想定しています)。友好的なLAF)。

私が抱えている問題は、その内容にあります。ホームページには、ウィンドウの現在の高さと幅に基づいて動的に高さを変更するドック スタイルのインターフェイスがあり、テキストとアイテムが画面からはみ出すことはありません。ただし、このサイズを決定する私の JS は、ハンドヘルド デバイスまたは小さな画面用にスタイルシートがいつ変更されたかを認識しないため、このモードでは動作が予期せず継続します。ページが 4 インチ以下であることを検出する JavaScript を使用して、再形成されたドックの自動サイズ変更を無効にするにはどうすればよいですか?

0 投票する
3 に答える
2215 参照

html - div内の画像のサイズを変更して配置します

div内で画像のサイズを変更して配置するにはどうすればよいですか?

サイズ変更された画像を50x50pxのdivに表示する必要があります。また、それらをdivに集中させたいと思います。私がやりたいことを正確に示すために、この画像を下に作成しました。

ここに画像の説明を入力してください

画像の幅が大きい場合と高さが大きい場合にCSSが機能する必要があるという問題。

max-widthまたはmax-heightを使用してこのソリューションを見つけましたが、1つのオプション(より広い幅またはより大きな高さ)でのみ機能します。

0 投票する
12 に答える
65637 参照

javascript - ウィンドウのサイズが変更されるまでレスポンシブ ハイチャートが正しくサイズ変更されない

クラス プロジェクトの Zurb の Foundation フレームワーク内で Highcharts を使用しています。セクション タブ内に 3 つのグラフがあります。1 つは 12 列の div 内にあり、他の 2 つは 6 列の div 内の同じ行にあります。

ページが読み込まれると、注目のグラフは 12 列の使用可能な幅を占有せず、2 つの小さいグラフは 6 列からはみ出します。ただし、ウィンドウのサイズを変更するか、Inspect 要素を使用して調査しようとすると、グラフはすぐに正しい寸法にスナップされます。この動作は、Chrome、FF、および IE で発生します。

特定の幅を設定できることはわかっていますが、Foundation を活用して応答性を維持したいと考えています。

CSS と Highcharts の初期化を微調整しましたが、困惑しています。他の誰かがこの問題を経験しましたか? 誰かが私が見逃しているものを見ることができますか?

これが私の HTML からの抜粋です。

ハイチャート js は次のとおりです。

0 投票する
1 に答える
204 参照

jquery - ヘッダー コンテナーは画像で展開/縮小します

私はしばらくこれに取り組もうとして無視してきましたが、今は修正する必要があります。ウィンドウのサイズが大きくても小さくても、ヘッダー領域のサイズをヘッダー画像に比例して変更して、1024を超えるすべての解像度できれいに見えるようにします。初期バージョンではこれが機能していましたが、コードを適応させると、私のコンテンツはヘッダー領域の後ろになります。サイズを変更してフルスクリーンにすると、コンテンツがヘッダーの後ろに表示されます。うーん!それはとても頭が痛いです!

http://jordan.rave5.com/tmpstuff/index.html (これは私が取り組んでいるものです) http://jordan.rave5.com/tmpstuff/index2.html (これは正しくサイズ変更されます...)

これを使用してサイズを変更していますが、必要なサイズに「ポップ」するだけでなく、画像のサイズが変化します。また、要素が突然浮かび上がり、フルスクリーンに戻るとコンテンツがその下にあるようです。

0 投票する
3 に答える
743 参照

javascript - サイズ変更時の Javascript および CSS 動的幅フロートの不具合

これまでのところ、コードのスニペットはかなりうまく機能していますが、解決する必要がある小さな不具合があります。

目標は、2 つの項目を隣り合わせに配置することです。1 つは固定幅で、もう 1 つは指定されたコンテナー内の残りの使用可能な幅を埋めます。

流動的なアイテムは適切にサイズ変更されていますが、ブラウザ/コンテナのサイズが変更されるたびに少し問題が発生します。

参照: http://jsfiddle.net/tedgrafx/kTeCC/

2 つのアイテムはフローティング状態ですが、幅のサイズを変更すると、特定の幅でそれらがフローティングせず、垂直方向に積み重なって表示され、一方が他方の下に押し出されます。

この小さな不具合を修正して、サイズ変更中にシームレスに見えるようにするにはどうすればよいでしょうか?

あらゆる/すべての助けをいただければ幸いです。

HTML:

CSS:

Javascript:

0 投票する
2 に答える
6480 参照

java - JPanelのサイズに合わせてJTextPaneのサイズを設定するには?

パネルのサイズに応じて JTextPane のサイズを設定して、他のパネルを追加するとそれに応じて変更されるようにします。しかし、中央に小さなテキストペインが表示されるだけで、テキストを追加すると、それに応じてサイズが変わります。

jtextpane が小さなボックスのように画面の中央に表示されるようになりました。パネルの大きさに合わせて表示させたい

0 投票する
1 に答える
62 参照

actionscript-3 - Flex でキャンバス内に自動配置されるパネル

その上にキャンバスがあるフレックススクリーンを開発しています。その上にボタンがあり、そのボタンをクリックすると、パネルを動的に作成できます.私の問題は、パネルが手動でドラッグされ、新しいパネルの位置に保持された場合です作成するには、新しいパネルを別の場所に作成する必要があります。つまり、他のパネルの上にないことを意味します。これを達成する方法..Plsは私に解決策を教えてください.Thank

0 投票する
2 に答える
8695 参照

wpf - WPF でユーザー コントロールのサイズ変更を無効にする方法

私は Usercontrol を持っています。そのサイズ変更を無効にしたいです。ユーザーコントロールは次のとおりです。

という物件があることを知りました。

ResizeMode="NoResize"

しかし、それは UserControl.Any suugestion で利用できませんか?

0 投票する
1 に答える
344 参照

ios - iOS - tableviewcell を動的にサイズ変更する際の問題

この質問にはすでに多くの潜在的な回答があることを知っていますが、これまでに見たすべての回答の 99.995% で sizeWithFont が使用されていますが、これは現在廃止されています。

ここで扱っているテーブルビューセルが 1 つあるので、単純なはずですが、うまくいきません。オンラインでいくつかの回答を読んでまとめたコードを次に示します。これはセルラベル用です。

ストーリーボードで定義された高さは 44 に設定され、ラベル自体の行は 0 に設定されているため、ラベルが必要な大きさを決定できます。

問題 #1: ラベルに設定されたテキストがワードラップされていない場合でも、(明らかに) 私が望むものではない余分なパディングが得られます。実際にワードラップがあったかどうかを計算する方法がわかりません。ワード ラップがない場合 (つまり、テキストがラベルより長くない場合は、44 を返したいだけです)。

問題 #2: 何らかの理由で、例として 5 行のようにテキストが長すぎる場合、MAXHEIGHT が 10,000 であるにもかかわらず、文字列の最後のテキストの一部が何らかの理由で途切れてしまいます。ワードラップを停止することにしました。この時点でパディングを増やすと、たとえば 88 にすると、すべてを見ることができます。(変)。

いくつかのエレガントなソリューション、フィードバック、ヘルプなどを探しています。ありがとう!

0 投票する
1 に答える
115 参照

java - この特定のコスト関数の Big Oh 表記法

質問: より多くのスペースが必要な場合に配列のサイズを 2 倍にする (配列を実装する) スタックのコストを表す大きな表記法は何ですか? サイズは動的に大きくなりますが、小さくはなりません。

元:

私はそれを次のように取得しました:

これはと同等です(2^(log_2(n))) + 1

O(2^N)私はこれを と解釈しlim as n -> infinity of log_2(n) = infinityます。

つまり、本質的に...これに対するビッグオーとは何ですか:(2^(log_2(n))) + 1