viewport

8熱

5答えて

次の問題に対する適切な解決策を見つける必要があります。私は、要素がページまたはブラウザウィンドウのためのビューのポートにあるかどうかを追跡することを頼んでいる多くの人々を見る。私はこのアクションを複製することができる必要がありますが、スクロールするDIVの内部では、オーバーフロー：スクロールなどの方法が必要です。誰かがこの具体的な行動の良い例を知っていますか？ありがとうございます。

6熱

1答えて

ビューポートが480px以下の場合、FullCalendarのbasicDayビューに変更しますか？

FullCalendarの現在のビューポートサイズに基づいて、ユーザーのビューを簡単に変更する方法はありますか？ iPhoneやモバイルデバイスを使用している場合は、デスクトップ上の月間表示と日表示があります。今月のビューでは、すべてのイベントがモバイルで盛り上がっています。現在のコード： $(document).ready(function() { $("#primary #cale

8熱

4答えて

ブラウザでCSS値がサポートされているかどうかを確認するにはどうすればよいですか？

私は非常にjavascriptに熟練していないので、私に耐えてください。 Safari 6以下、古いAndroid搭載モバイルブラウザなど、CSS値VHをサポートしていない可能性があります。私のDIV＃idまたはクラスは、ビューポートの高さではありません。以下は、私はいくつかの有用な情報を発見したページへのリンクですが、CSSの値でそれを使用する方法イム本当にわからない： Check whethe

6熱

2答えて

iOSがJavascriptでデバイスのビューポートのx/y座標に接触する

現在、ユーザーがタッチしてドラッグできるDIV要素を含むiPhoneのWebページを開発中です。さらに、ユーザーがデバイスの画面の上部または下部に要素をドラッグすると、ページを自動的に上下にスクロールしたいと考えています。私が抱えている問題は、ユーザーの指がデバイスのビューポートの上部または下部に到達するのと一致するonTouchMoveイベントの座標を取得する信頼できる公式を決定しようとしてい

24熱

4答えて

モバイルオーバーフロー：スクロールとオーバーフロースクロール：touch //ビューポートがバウンスしないようにする

overflow:scrollとoverflow-scrolling: touchは、モバイルス（Safari、Webviews、どこでも）はかなりスクロールしています。しかし、それはページを "バウンス"（下の丸で囲まれた領域）にします。これはあなたがそれを使用していないときには当てはまりませんが、体験は少し "ネイティブ"になります私はそれについての意見を持つことができます、絶対に役に立たな

1熱

2答えて

Chromeのデバイスモードのwindow.innerWidth

Google Chromeのデバイスモードでは、window.innerWidthは何を返しますか？それはデバイスのビューポート（と任意のスクロールバー）ですか？デバイスの幅x高さ（ページ上部の寸法 - デバイスのビューポート）とwindow.innerWidth x window.innerHeight（ブラウザのビューポート？）の値が異なります。これは起こるはずですか？ここに私が得ているも

5熱

1答えて

@viewport、@media and LESS

私は最近、.NETアプリケーションで使用するためにいくつかのCSSをLESSに変換しました（私はランタイムにLESSをコンパイルするためにドットフリー、.NETはhttp://www.dotlesscss.org/を使用しています）。コンパイラは、コードのこれら二つのブロックの上に落下さ： @viewport { width: device-width; } /* Add a mi

5熱

1答えて

HTML5でのスクロールの防止

HTML5アプリケーションですべてのページスクロールが行われないようにしたいと考えています。私はSOとGoogleの一般的な答えを検索しようとしましたすべてのスクロールメカニズムを禁止しますが、すべてが非常に具体的です。例えば、タッチでスクロールを無効にする方法、またはarrow keysまたはスクロールバーです。私がこれを探している理由は、表示されている画面の下に新しいdivを作成し、それをア

5熱

1答えて

アスペクト比を保持するビューポート単位？

私はビューポートユニットを発見したばかりなので、実際に使用したいと思います。最初のチャレンジ：私の要素のサイズは760x670ピクセルです。ビューポート単位を使用して、高さが100vh、または幅が100vwのいずれか小さい方になるようにスケールアップします。残念ながら、私は100vminを使用して2つのうちの小さい方を得ることはできますが、両方を適用するのではなく、幅または高さにしか適用できま

7熱

1答えて

Chrome v23では、ビューポートのスケールまたはビューポートのメタタグはサポートされていませんでしたか？

私はHTML5 Webappを作ったので、PC（ウィンドウズのサイズはモバイルではない）で自動的に調整します。は、私はCSSでそれを追加：ウィンドウが小さくリサイズされた場合IE10（Win8）で @-ms-viewport { width: 1024px; } @-webkit-viewport { width: 1024px; } @-moz-viewport { width: 1024