viewport

0熱

2答えて

クリックしたときにグローバルウィンドウ/ビューポートに画像センターがある（JSまたはCSS）

ライトボックスエフェクトのようなビューポートを中心とする画像をクリックしたいと思っています。私はここにペンを設定しましたhttp://codepen.io/emilychews/pen/OpXKGdとこれを行うための最良の方法を試してみましたが、私は壁に当たったようです。デモには複数の要素が含まれています。親要素だけでなく、中央のコンテナとしてウィンドウを使用するようにしたいからです。私はこれ

1熱

3答えて

モバイル（応答しないサイト）でFancyboxのボタンが小さすぎます

私はgalleryのためにFancybox 3を使用します。 Fancyboxボタン（<、>、X、キャプションが）私のAndroid上で非常に小さく、私のビューポートは静的です： <meta name="viewport" content="width=640"> 私は '幅のデバイスを、初期の規模= 1.0' を使用することはできませんそれは応答しないので、私のサイトを間違って表示するので、

6熱

4答えて

Androidのデフォルトブラウザが応答デザイン

Androidのデフォルトブラウザのために水平スクロールバーを作成し、私のサイトを広く示し、水平スクロールバーを作成します。ここで、問題のスクリーンショット：（デフォルトブラウザ対クローム）私のビューポートがある： <meta name="viewport" content="width=device-width, initial-scale=1"> 私は何をすべき？

0熱

1答えて

CSSを使用してiOSでスクロールオーバーフローを無効にする方法

デスクトップやアンドロイドデバイスで開くとうまくいくウェブサイトがありますが、IphoneやIpadなどのiOSデバイスで開いたときに背景が他のデバイスのように固定されず、背景を拡大してページの右側に空白を作成し、空白にスクロールすることができないようにするためにuser-scalable=noを使用しましたが、まだ動作しません。実際には、私はすでにoverflow-x: hidden;を使用して

1熱

1答えて

仮想キーボードが私のページの高さを変更します

私は携帯電話用のWebアプリケーションを開発しています。私は奇妙な問題を抱えています。私は背景画像と入力フィールドの中央にページの中央にある単純なページを持っています。問題は、入力ボックスをクリックして仮想キーボードが表示され、背景イメージと入力フィールドの寸法が残りのページスペースに従って再計算されるときです。望ましい動作は、ページ全体が押し上げられることです。関連するコード（私が開発し

0熱

1答えて

URLフラグメントが設定されているときに要素がブラウザのビューポートの先頭にくるようにする

私はいくつかのタイトル要素、たとえばh1要素を持つHTMLページを持っています。要素にはidがあるため、URLのフラグメント部分が設定されている場合は、要素がビューポートの上部になるようにページがスクロールされます。ただし、ページに十分なコンテンツがない場合、テキストは上部に配置されません。ページの下部にスペースを追加すると、URLのフラグメント部分をターゲットとするIDを持つ要素がビューポー

0熱

1答えて

レスポンシブデザインモードと比べ、携帯電話でビューポートが異なるのはなぜですか？

レスポンシブデザインモード（FirefoxDeveloperEdition、Chrome、Safariで同じ）でページを表示するときに正しいビューポートが表示される、Google Maps APIを使用して構築したWebページがあるという問題があります。 iPhone 5の場合は〜320x568です。しかし、実際にiPhone 5でページを表示すると、980x1461のビューポートが表示され、ペー

0熱

2答えて

フォントがEPUBで変更されたとき検出する

ユーザーがJavascriptを使用してeリーダーのEPUBのフォントサイズを変更したときに、イベントリスナーを使用または作成しようとしていますが、方法が見つかりません。私は成功せずに試してみました何： resizeイベントリスナ。フォントサイズを測定するタイミングイベント。 viewportの音階を測定するリスナー。 ebook-viewer（別名キャリバービューア）で私は毎回私は、フォン

1熱

1答えて

アニメーションは1回だけ再生できますか？

divコンテナがビューポートに表示されたら、jpgファイルをアニメーションgifファイルに置き換えます。できます。重要：gifファイルにはループがありません。私の問題：もう一度スクロールすると、ちょっとでも、上または下にあっても、置き換えが再び行われます。最初の交換後にこのイベントを停止する簡単な方法はありますか？おかげ jQuery(document).ready(function($){