問題タブ [viewport]

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 投票する
7 に答える
287761 参照

jquery - HTML5キャンバス100%幅ビューポートの高さ?

ビューポートの幅と高さの100%を占めるキャンバス要素を作成しようとしています。

私の例では、これが発生していることがわかりますが ChromeとFireFoxの両方にスクロールバーが追加されています。余分なスクロールバーを防ぎ、ウィンドウの幅と高さをキャンバスのサイズに正確に指定するにはどうすればよいですか?

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

javascript - Operaブラウザで実行されているJavascriptを使用して画像のサイズを変更する

私がOperaブラウザで抱えているこの奇妙な問題を誰かが助けてくれることを願っています。バージョン11ベータ版をインストールしていますが、Operaの一般的な問題だと思います。

問題のウェブサイトとページはhttp://www.amigaos.net/index.htmlです。

HTMLの本文の下部に、ページの読み込み時にビューポートの幅に応じて、このWebページに表示される3つの画像のサイズを変更する次のコードがあります。SafariとFireFoxではコードは正常に機能しますが、Operaでは画像の幅と高さのサイズ変更を伴う次の行は機能しません。

これが完全なコードです(レイアウトについては、stackoverflowがキャリッジリターンを正しくフォーマットしていません)

0 投票する
10 に答える
117664 参照

vim - Vimで垂直分割ウィンドウサイズを増やす方法

:vsplit(短縮形: :vs)Vimビューポートを垂直に分割します。:30vsビューポートを分割し、新しいウィンドウの幅を30文字にします。この30文字のウィンドウが作成されたら、どのようにサイズを31または29に変更しますか?

水平ウィンドウの場合Ctrl-W +行数を1つ増やします。列を1つ増やすための同等のコマンドは何ですか?

0 投票する
17 に答える
578545 参照

html - Mobile Safari でビューポートのズームを無効にするにはどうすればよいですか?

これら3つすべてを無駄に試しました:

それぞれがGoogle検索またはSO検索で推奨されている異なる値ですが、「user-scalable=X」値はどれも機能していないようです

また、セミコロンの代わりに値をコンマで区切ってみましたが、うまくいきませんでした。次に、値が存在することだけを試みましたがuser-scalable、まだ運がありません。


アップデート

Appleのサイトからこれを入手し、動作します:

メタタグを使用していたWebサイトからメタタグをコピーしたため、問題は非標準の引用符であることが判明しました。

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

opengl - gluUnproject はどこで呼び出せますか?

これは本当に簡単な質問です。

gluUnproject はどこで呼び出せますか? ある種の現在の openGL コンテキストが必要ですか?

ここで関数を調べましたが、何らかの前提条件があるかどうかはわかりません。

私はこれをしたい:

レンダーノードに渡す代わりに、サーバーノードで結果を返してもらいます。サーバーには openGL コンテキストがありません。gluUnproject を呼び出すことはできますか?

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

javascript - iPadのサファリで水平スクロールをロックする方法はありますか?

javascript/css/html を使用して iPad のサファリで水平スクロールをロックする方法があるかどうかは誰にもわかりませんか?

ビューポートを修正するために、次のメタ タグを配置しています。

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

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

android - Android WebView ビューポート

以下の html では、緑色の四角形が画面の半分しか占有しないと予想していましたが、実際には画面幅全体を占有しています。ビューポート幅に他の値を試しましたが、うまくいきませんでした。なぜうまくいかないのでしょうか?

HTML

XML

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

html - CSSメディアクエリでブラウザではなくHTMLドキュメントのemサイズを使用するようにしますか?

メディアクエリを使用して、ウィンドウの幅に基づいて要素の幅をチャンクで変更しようとしています(これにより、列の幅を変更せずにページの列の数を増やすことができます)。フォントサイズを変更してもすべてが正しく見えるように、ピクセルの代わりにemを使用してこれを実行できるようにしたいと思います。ただし、以下を使用する場合:

メディアクエリは、ウィンドウの最小幅がブラウザ(Safari)のデフォルトのフォントサイズである42 * 16pxに達するとトリガーされ、div#pageの幅は42 * 12pxになり、html要素からフォントサイズを継承します。 。使用しているテキストの幅に基づいてメディアクエリをトリガーしたいのですが、それを機能させる方法はありますか?

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

iphone - モバイル Web サイト: 向きを縦から横に変更

iPhone および Android ブラウザー用のモバイル Web サイトを開発しています。

Iphone 4 と HTC Desire をいじっていたときに、向きを変えると 2 つのデバイスの反応が異なることがわかりました。Web サイトを縦向きモードで読み込んでからデバイスを横向きモードに回転すると、iPhone は同じ幅 (320px) を使用してコンテンツに近づきます。Android デバイスでは、回転するとビューポートが変更されたように見えるため、ズームは行われず (幅 >320px)、代わりに Web サイトが広くなります。

私の現在のビューポート(私はすでに320pxの固定幅を設定しようとしました):

ここで私の質問: Android Webkit ブラウザーを iPhone のように縦向きから横向きに変更する方法はありますか?

事前にどうもありがとうございました!

アンドリュー

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

winapi - win32 でウィンドウのビューポートを変更するにはどうすればよいですか?

内部に子ウィンドウがあるウィンドウがあります。子ウィンドウは、約 1000 ピクセルの垂直方向のスペースを占有します。ただし、ユーザーは常に 1000 ピクセルの垂直方向のスペースを利用できるとは限りません。500 ピクセルまたは 600 ピクセルしかない場合があります。

このウィンドウを高さ 500 ピクセルのサイズで表示し、ユーザーがウィンドウを上下に「スクロール」してコンテンツ全体を表示できるようにしたいと考えています。ウィンドウの高さは常に 500 ピクセルにする必要がありますが、ウィンドウ内のビューは変更する必要があります。

ユーザーがウィンドウのどの部分を見たいかを選択できるように、どこかにスクロールバーを追加できるとします。Windows は通常、ウィンドウの内容を高さ 0 から高さ 500 まで描画します。たとえば、代わりに「高さ 250 から高さ 750 までペイントする」ように指示するにはどうすればよいですか?

などの関数でビューポートを設定できることは知っていますSetViewportOrgExが、それらの関数にはデバイス コンテキストが必要です。Windows から WM_PAINT メッセージを受け取ったときにそれらを呼び出す必要がありますか? それとも別の時に?そして、そのファミリのどの機能を使用したいですか?

編集して追加:子ウィンドウの位置を実際に変更したくありません。子ウィンドウは同じ位置にとどまる必要があり、変更する必要があるのはウィンドウへのビューだけです。

ありがとう。