問題タブ [responsive]

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

html - すべての小さな画面ページでレスポンシブ jQuery モバイル メニュー ボタンを機能させますか?

メイン ナビゲーション バーにレスポンシブ jQuery モバイル メニューを使用する初心者です。小さな画面のモバイル メニュー ボタン (3 本の水平線) は、最初に読み込まれたページで機能しますが、元のナビゲーション バーに戻ります (下の画像を参照)。コードを複数回実行して、毎回各ページで実行する方法はありますか? 御時間ありがとうございます!

関連するコードは以下のとおりです...

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

css - Foundation が Safari と iPhone で応答しない

私のウェブサイトはサファリで不可解に壊れ、応答しません(これまでのところ、他のブラウザでは基盤の zurb が機能していました)。これは、js バウンドを使用していない場合でも発生します。

この大惨事はオンラインです:http://diet.paperide.com

理由がわからない!ありがとう...

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

jquery - 電子メールリンク付きのレスポンシブで中央のスライドショー

私は現在、非常に「シンプルな」ウェブサイトを改善しようとしています。これは、自動的に実行されるサイクル スライドショーで、サイズに反応し、完全に中央に配置されます。これまでのところ、すべて正常に動作しています。私の唯一の問題は、スライドショーをクリックしたときにメールにリンクすることです。その上に大きな透明な文字を叩く以外に機能させることができませんでした. スライドショーなどに実際にリンクを実装するためのより良い解決策を他の誰かが知っていますか?

ご協力いただきありがとうございます。これが私のウェブサイトのコードです。

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

css - 画像が読み込まれる前に、ブラウザが総ページサイズを決定するように取得する srcset 画像を遅延サイズ化します

流動的なレイアウトで srcset と組み合わせて lazysizes プラグインを使用しています。スクロール時にページを拡張するのではなく、ブラウザーにページを正しい長さでロードさせる方法がわかりません。

ここでデモを行うために、ブートストラップ フレームワークを使用して codepen を作成しました。

http://codepen.io/elevenelevne/pen/EKbERV

よく読んだ後、ブラウザが設定されていないため高さを計算できないことが原因であると確信していますが、レスポンシブな方法で動作させることはできません

コードですが、たとえば10行あります

どんな助けでもありがたく受け入れられます

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

html - レスポンシブ サイトのスクロール付きの固定背景を作成するにはどうすればよいですか?

各交互セクションに固定の背景画像があり、コンテンツが画像をスクロールすることになっているレスポンシブ サイトがあります。現在、iOS では、画像の小さなセクションにズームインし、コンテンツ div に合わせて拡大します (基本的に、大きな灰色の背景になります)。iPhone ブラウザでも固定背景でセクションをスクロールできるようにするにはどうすればよいですか?

背景の現在のコードは次のとおりです。

そしてhtml:

***編集レスポンシブなものをすべて取り出しましたが、画像が含まれるセクションだけでなく、ページ全体にスケーリングされているという問題があることがわかりましたが、それは次の場合にのみ発生しますiOS でブラウザを使用する。たとえば、「about」セクションの背景画像は、3 つのセクションすべてをカバーするようにスケーリングされ、背景の拡大部分が最初のセクションに表示されます。他のセクションを削除すると、画像は正しいサイズに縮小されます。

ありがとう

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

html - HTMLレスポンシブWebサイト

だから私は私たちの町のフロアボール チームのウェブサイトを作ろうとしています。フロアボールのゴールの画像とその上にリンクなどを載せたいと思います (後で画像を提供します)。しかし、私はレスポンシブデザインに苦労しています。

ORKA ヘッダーを次のように配置したいと思い ます。ブラウザー ウィンドウのサイズを変更しても、ヘッダーは所定の位置に固定する必要があります。

コードは次のとおりです。

私が明確であり、あなたが要点を理解していることを願っています. 私の母国語ではない下手な英語で申し訳ありません。前もって感謝します。