問題タブ [viewport]

bodyタグのonorientationchange呼び出しを使用して、ユーザーが電話をどのように持っているかによって、異なるコンテンツを表示しています。これはうまく機能します-私は一方のdivを非表示にし、もう一方を表示します。

ポートレートモードのdivは、最初のロードで見栄えがします。私はこれを使用して適切なスケール/ズームを取得します：

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;" />

ポートレートモードのコンテンツがオーバーオーバーしても、幅は正しく、ユーザーは下にスクロールできます。横向きモードでの表示も完璧です。ただし、横向きモードのコンテンツでユーザーが下にスクロールする必要がある場合、ユーザーが縦向きモードに戻ると、画面はいわば「ズームアウト」されます。これは、ユーザーが横向きモードで下にスクロールしたかどうかに関係なく発生します。

画面のスケール/ズーム/幅を正しくするためにさまざまなことを試みましたが、うまくいきませんでした。これを行う方法はありますか？

前もって感謝します！

Flash ムービーがブラウザのビューポート内に表示されているかどうかを判断する方法を探しています。残念ながら、ここには大きな注意点があります: JavaScript なしで実行する必要があります。Flash または Flex で、ムービーがいつ表示されるかを検出できるネイティブ メソッドはありますか? それを行う唯一の方法は、ある種の低レベルのレンダリングまたは描画イベントになると考えていましたが、ムービーがフォールドの下のページにロードされたときにそれらも発生する可能性があります。ありがとう。

Ok, I'm trying to get a div to scale and the height is always the height of the viewport. I'm going to link to my examples as it needs some explaining.

www.madmediablitz.com/tv/precentdemo.html

The link above is the closest I've come to a solution and I'm hoping that someone here will find it simple to fix. What I want to happen is the tv to always be the height of the viewport (to a degree, min-height:~400px; max-height:~700px;). The code that I used there is based on http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/.

www.madmediablitz.com/tv/precentdemo_alt.html

This one is what I DON'T want to happen. IF you resize your window you will see it doesn't scale proportionally.

I've been trying both of these for about 2 days now and I haven't been able to get it to work. I'm literally praying for help as I think, this isn't too complicated.

1024x768の解像度の画面でのビューポート（表示領域）の平均および/または最大の高さはどれくらいですか？この決議で「フォールドの下」と見なされるものを知りたいのですが。

(ドキュメントではなく) ビューポートに対するページ上の要素の位置を取得する適切な方法は何ですか? jQuery.offset関数は有望に思えました：

ドキュメントを基準にして、最初の要素の現在の座標を取得するか、一致した要素のセット内のすべての要素の座標を設定します。

しかし、それはドキュメントに関連しています。ビューポートに対するオフセットを返す同等のメソッドはありますか?

2D エリアをナビゲートできるスケーラブルなビューポートを実装する方法を思い出そうとして、夜の大半を鉛筆で座っていました。初めて聞いてからずいぶん経ちましたが、わかったと思います。確認する必要があります。

「古典的な」デカルト座標系の 2D 世界があり、x 軸は右を指し、y 軸は上を指します。

ワールド領域には、2 つの点 Pmin と Pmax で定義された長方形のビューポートがあります 。ここで、 Pmin(xmin, ymin)、Pmax(xmax, ymax)です。これらのポイントは、ビューポートのサイズ、位置、およびスケールを定義します

ワールド領域には、 Pmin < P(x, y) < Pmaxである点 P があります。(P はビューポート rect にあります)

全体を表示するために、「変更された」座標系、x 軸が右、 y 軸が下を指すキャンバス (たとえば) があります。キャンバスのサイズはMaxX と MaxYです。キャンバスのサイズは固定です。

ここで、ポイントP'(x', y')をキャンバスに表示するには、次のように位置を計算する必要があります。

x' = (x - xmin) * Sx、 どこSx = MaxX / (xmax - xmin)

y' = MaxY - (y - ymin) * Sy、 どこSy = MaxY / (ymax - ymin)

*canvas の座標系により、y' 座標が反転していることに注意してください

言い換えれば、上記の計算は、スケールとビューポートの位置を考慮しながらポイントを表示する必要があります。私は正しいですか？そうでない場合は、私が間違っていることを証明してください。

ページ全体をリロードせずに既存のコンテナに新しいコンポーネントを追加することに関する多くの例を読んだ後、ビューポートコンポーネント内でツリーとタブを組み合わせているときに小さな問題が発生しました。

私がやろうとしているのは、クリックイベントでツリーノードに登録し、コンテンツコンテナに新しいコンポーネントをロードすることです。ノードの種類に応じて、タブパネル、グリッドパネル、またはその他の使用可能なコンポーネントになります。

ツリーオブジェクトの短い例を次に示します。

すべてのDOM操作は正常に行われ、すべてが正しく登録され、新しいタイトルが表示されますが、dummy_tabs2は表示されません。doLayout（true | false、true | false）にさまざまなプロパティを設定しようとしましたが、何も起こりません。

私は何か間違ったことをしていますか？

ブラウザのビューポートの正確な高さと幅を見つけようとしていますが、Mozilla または IE のどちらかが間違った数値を示していると思われます。高さの私の方法は次のとおりです。

幅についてはまだ始めていませんが、似たようなものになると思います。

この情報を取得するより正しい方法はありますか? 理想的には、ソリューションが Safari/Chrome/その他のブラウザーでも動作することを望みます。

Web サイトにメニュー バー (ナビゲーション バー) を iPhone のズームとは関係なく (幅と高さを固定して) 配置し、サイトの残りの部分はズームイン/ズームアウトできるようにすることはできますか?

メタ「ビューポート」でウェブサイト全体のズームを設定できますが、一部を除外したいです。

iFrames や CSS トランスフォームではできないようです。

要素をスケーリングするジェスチャを追跡し、javascript を使用してメニューを再スケーリングすることは可能ですか?

やあみんな、私はwpf 3dで作業しています、私は現在、画面の左から右に3Dタイルを作成するプログラムを書いていますが、X、Y、つまり（-x-0）（0- x +）だから、タイルの別の行をいつ開始するかがわかります。私の最初の考えは、ピクセルから画面座標に移動するための複雑なアルゴリズムを理解しようとしていますが、もっと簡単な方法があるはずです。