問題タブ [viewport]

私は携帯電話でうまく機能するウェブサイトを作ろうとしています。これまでのところ、私がテストしたすべての電話は正常に機能しますが、WindowsMo​​bileIEを搭載した電話です。モバイルIEはを読み取るだけで<meta id="viewport" name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"/>、幅をデバイス幅に設定していないようです。

これや、モバイルIEでサイトをより見やすくするためのヒントを知っている人はいますか？

助けてくれてありがとう！

私はOpenGLES2.0で最初のステップを実行しており、iPodtouchで試してみています。この座標の問題をどのように解決するのか疑問に思いました。

よりよく説明するために、私はクワッドを描画し、頂点シェーダーを使用して回転/移動しようとしていました（これは、私が読んだことから、それを行う唯一の方法のように思われるためです）。

私はiPodを使用しているので、1.5 : 1比率とビューポートを設定します。

したがって0,0、クリッピングの中心と境界は、、などにある必要があります-1.0, -1.0（-1.0, 1.0右？）

正方形を描くには、アスペクト比のためにx座標とy座標に異なる値を使用する必要がありました。

これは両方の対角線を持つ正方形です（インデックスを使用する方が効率的であることはわかっていますが、それは重要ではありません）。

次に、オブジェクトを移動しながら回転させる頂点シェーダーを作成してみました。

動作しますが、座標が同じではないため、クワッドは回転中に歪んでしまいます。どうすればそれを防ぐことができますか？ビュー錐台を異なる境界に変更することが可能かどうかを考えました（y軸を拡大すると問題が解決するように両方の軸で-1.0から1.0ではありません）。

さらに、マトリックスを使用するためのより良い方法はありますか？glRotatefつまり、行列全体を指定せずに使用することに慣れていました。このタスクを実行するための便利な関数/コンストラクターは存在しますか？

半径4の（2,3）を中心とする円など、ワールド座標で定義されたオブジェクトがあります。円が歪まないようにするには、ビューポートで完全に表示し、ビューポート内でできるだけ大きくします。 、次の場合に、前述の仕様に基づいてワールドウィンドウを作成するためにgluOrtho2Dコマンドを作成するにはどうすればよいですか。

ビューポート全体とワールドvsスクリーンなどの座標で混乱しています。誰かが私にそれを案内してもらえますか？私は本当にこれのコツをつかみたいです。

次の要件を持つレイアウトがあります

• 左側に画像、右側にコンテンツ。

• 画像はビューポートの左下に固定されています

• ユーザーがスクロールしても画像が動かない

• 画像は、ビューポートの 100% の高さ、最大の高さまでサイズ変更されます。（実際よりも大きくしようとして画像が歪むことは望ましくありません）

• 画像は縦横比を保持し、高さのサイズ変更に従って幅を変更します。

• コンテンツは画像の右側から始まり、ブラウザーのビューポートに合わせて画像のサイズが変更されると移動します。

これで、これらの要件の最後のものを除いて、ほぼすべてを達成することができました。

ここを見てください：

http://letteringmusic.com/

画像は非常にうまくサイズ変更されますが、画像は位置が固定されているため、コンテンツを画像の横に浮かせることができず、ドキュメントフローから外れます。

それが私が望む結果を得る唯一の方法である場合、私はJavaScriptソリューションに反対していません。

これを機能させるために私が何をする必要があるか知っている人はいますか?

ありがとうございました！！

ビューポートとスクロールに基づいて要素を切り替えようとしています。

を使用する$(window).scroll(function()..と、ユーザーがスクロールしたときにイベントを発生させることができますが、要素を非表示にするために上にスクロールしたかどうかを確認するにはどうすればよいですか？

特定の選択が開始行と終了行の間にあるかどうかを判断する必要があります。ILineRangeEclipseのビューポート内に特定のオフセットがあります。（（リモートパーティからの）選択がローカルユーザーの現在のビューポート内で行われたかどうかを知る必要があります。残念ながら、ILineRange選択からを取得できません。getOffset（）とgetLength（）に依存する必要があります...オフセット（または1行あたりの
文字数
が異なる（改行またはコメントの大きなブロック））ので、これに対する明確な解決策はないと思います。

ビューポートのサイズに基づいて要素を配置およびサイズ$(window).width()変更するために繰り返し呼び出す jquery を使用してサイトを作成しています。$(window).height()

トラブルシューティングで、ビューポートのサイズが変更されていない場合に、上記の jquery 関数を繰り返し呼び出すと、ビューポート サイズのレポートがわずかに異なることがわかりました。

これがいつ発生するかを誰もが知っている特別なケースがあるかどうか、またはこれがまさにその通りであるかどうか疑問に思っています。報告されているサイズの違いは 20px 以下であることがわかります。これは、Mac OS X 10.6.2 上の Safari 4.0.4、Firefox 3.6.2、および Chrome 5.0.342.7 ベータ版で発生します。ブラウザに固有のものではないように見えるため、他のブラウザはまだテストしていません。ビューポートのサイズではない場合、結果が異なる別の要因があるのでしょうか?

任意の洞察をいただければ幸いです。

アップデート：

変化しているのは$(window).width()との値ではありません。$(window).height()上記の値を格納するために使用している変数の値です。

値に影響を与えるのはスクロールバーではなく、変数の値が変化してもスクロールバーは表示されません。値を変数に格納するコードを次に示します (変数を短くするためだけに行っています)。

(これはすべて 内にあります$(document).ready())

//最初に変数を他の関数から見えるように宣言する.ready()

上記の変数を、それらが保持しているはずの値に対してプローブするアラート ステートメントを挿入しました。$(item).param()値は一貫していますが、変数は理由がわかりません。

設定値を取得して何も見つからないのではなく、コードが問題の変数の値を変更している可能性のある場所を探しました。可能であれば、シバン全体をどこかに投稿できます。

Android ブラウザーで実行することを目的とした Web アプリを作成しています。

次のようなビューポート メタ タグを含む Web ページがあるとします。

ajax 呼び出しで Web ページがクラッシュします。これは、エミュレーター、nexus one の実際のブラウザー、およびドロイド (すべて Android 2.1 を実行) を使用しているときに発生します。

メタ タグがないと、ajax 呼び出しは正常に実行されます。

何か案は？

Web ページのモバイル サファリで「ビューポート」の位置を特定する方法はありますか? 携帯電話がページ上で現在見ているものの x、y、w、h ピクセル位置のように?