javascript - SuperSlide プラグインはどのように画面に適応しますか?

Web サイト flys.cn のカルーセル画像が 14 インチのコンピュータには適していない場合は、より大きな画面で十分です。画像のサイズは 1920 471 です。なぜ自動的に画面に適応できないのですか?

为情所困 2017-05-24 11:36:41 0  1  683

JavaScript - ボディの背景画像をさまざまな解像度で全画面表示させるにはどうすればよいですか?解像度が低い場合は垂直スクロール バーがあり、追加のコンテンツには背景がありません。どうやって対処すればいいのでしょうか？

大きな画面解像度を使用している場合、背景は問題なく全画面表示されますが、小さな画面に切り替えると、スクロールするコンテンツに背景が表示されません。この問題はどうすれば解決できますか?コード：

黄舟 2017-05-19 10:30:07 0  2  639

正確なマウス座標を取得できない問題: ページのサイズを変更するときに HTML5 キャンバスを使用する

このピクセル効果をフロントエンドの専門家に作成してもらいたいと考えています。全画面キャンバスでピクセル効果全体を実現することはできますが、 constcanvas=getElementById('canvas');canvas.height=window.innerHeight;//全画面の高さをキャンバスに設定します Canvas.width=window.innerWidth ;//キャンバスを全画面幅に設定すると、マウスの座標を取得しやすくなります constmouse={x:unknown,y:u

P粉752290033 2023-09-12 12:20:33 0  1  756

Vuetify を使用してモバイル画面上で表を全幅に表示できますか?

Vue2 と Vuetify を使用して、小さな画面でテーブルの「縮小」を実現できますか?表をモバイル画面上で全幅のままにし、拡大できるようにする必要があるという課題があります。基本的に img のような動作を実現します。基本的には、v-data-table を使用して、この画像から 2 番目の画面を実装する必要があります。 「どちらも同じように悪い」としても、2 番目の解決策が必要です。 Vuetify 専用のソリューションはありますか?

P粉842215006 2023-08-30 20:56:28 0  1  644

空きスペースが増え続けていますが、その理由がわかりません

質問の画像: 質問の画像 前の画像を見ると、そこに大きな空きスペースがあることがわかります。通常のディスプレイ (約 1200 ピクセル) を使用している場合は、すべて問題ありません。ただし、幅を縮小すると、常に空きスペースが増加しますが、なぜこれが発生するのかわかりません。正常に表示されている画面の画像: 正常に表示されている画面の画像 コードがわかりやすく書けるように、HTMLとCSSのコードの一部をアップロードします。 .about-me{マージントップ:10px;最大幅:100%;最大高さ:10

P粉729518806 2023-08-14 19:03:11 0  1  571

転倒についての私の理解が正しいかどうかはわかりません。

中段の本文が後ろに書かれているのは、前の左右がfloat属性が設定されていてドキュメントフローから外れているためで、このとき後続の本文は自動的に元の左のドキュメントフロー位置まで移動します。 margin-left=左の幅、margin-right=右の幅 なので、実際には本体の幅が画面全体の幅になります 本体に置いた原稿を中央に置くと、本体が画面全体の幅になります全幅になるので、右側が下がります。

枫叶 2018-03-26 12:15:22 0  0  1311

python - Prismplayerプレーヤーの全画面表示の問題

ページは通常どおり再生できますが、内蔵の全画面ボタンをクリックすると、ページが一瞬全画面になり、その後ページが初期状態に戻ります。ブラウザが変わると幅と高さが変わるため、プレーヤーの幅と高さはjsを通じて取得されます。

PHP中文网 2017-07-05 10:37:26 0  1  760

JavaScript はサムネイルから全幅の画像ページへのスムーズな移行を実装します

http://manifesto.clapat.com/ ホーム ページ上の項目をクリックすると、サムネイルから全画面画像に遷移し、その画像がその項目のページのタイトルになります。これらのトランジション効果はどのように作成されるのでしょうか。また、ReactRouter の代わりに内部ルーティングを使用してそれらを実装する最善の方法は何でしょうか。ただし、誰かが ReactRouter で動作させることができるのであれば、それを移植することもできます。利用可能なチュートリアルがいくつかありますが、別のプロジェクト ページに移動するのではなく、全画面モーダル コンポーネントと同様に、すべて同じペ...

P粉536532781 2023-09-15 22:09:37 0  1  984

2 つの接触フィールドの相互作用能力を強化するにはどうすればよいですか?

2 つのフィールド (「CallUs」と「OurEmail」) を中央に配置し、同時に応答可能にする必要があります。小さな画面に重ねて表示する必要があります。図のように大きな画面に正しく配置するためのインライン CSS がありますが、小さな画面では正しくスタックされません。コードを挿入する CSS ファイルが見つからないため、インライン CSS を使用しています。インライン CSS を使用してこれを修正することはできますか?可能であれば、これら 2 つのフィールドを大きくするためのインライン CSS を以下に示します。

P粉725827686 2023-08-14 21:20:22 0  1  588

ページが全画面表示でないときの説明のない右マージン - Nuxt/Tailwinds

Nuxt、Vue3、TailwindCSSを使用して簡単な履歴書ページを作成しようとしています。ブラウザを全画面表示にすると、すべてが正常に表示され、すべてが正常に動作します。ただし、全画面以外のものを表示すると、アプリのメイン部分のページの右側が理由もなく空白になります。 (ひどいデザインは無視してください。まだ作業中です) 以下に示すように、要素の右側には余白がありますが、本来はそうではなく、計算されたレイアウトにも表示されません。カスタム CSS は追加しなかったので、Tailwind が提供するデフォルトのクラスを使用しました。

P粉710478990 2023-09-01 00:05:46 0  1  585

onclick() 関数による画像の変更

オブジェクトをクリックすると、ある写真を別の写真に変更したいと考えています。コードは次の順序でスタックされます。 私が望むのは、クリックすると、画像が色付きの画像、つまり別の画像に置き換えられることです。これで、JQuery/JS を使用して実行できることがわかりました。しかし、このような単純な機能を実現するために大量の JS コードを追加したくありません。これを達成するより簡単な方法はありますか? pseudo-selector.activeクラスのようなメソッド？分かりません。

P粉242535777 2023-08-18 08:53:28 0  1  505

Cookie のアクセス許可により iframe エラーが発生する

現在、Web ページで単純な iframe を使用し、ブートストラップを使用して小さな画面 (= yout ubeShort) と大きな画面 (= 通常の横長ビデオ) に適応させています。<divclass="containerd-noned-md-block" style="max -width:1000px;height:30%;"><iframewidth="1000"

P粉447002127 2024-01-21 16:00:06 0  1  655

html5 - 画像のアスペクト比を携帯端末の現在の画面の全画面サイズに正確に合わせるにはどうすればよいですか?

1. 携帯端末で画像のアスペクト比を携帯電話の全画面サイズに調整するにはどうすればよいですか? 幅が 100% の場合は高さも適応する必要があり、高さが 100% の場合は幅も適応する必要があります。このようにすると、画像が現在の画面を超えてスクロール バーが表示される場合があります。スライドして表示しないと空白ができてしまいます...

世界只因有你 2017-05-16 13:25:15 0  5  1132

画面幅に応じて異なるコンテンツを表示する

1 つの要素に対して、画面の幅に基づいて 2 つの異なるテキストがあります。画面幅が400px以下の場合に狭く表示したい。画面幅が400pxを超える場合に大きく表示したい。コードは次のとおりです: https://jsbin.com/qagetoseva/edit?html,css,output しかし、問題は、幅が 400px の場合、このコードは何も表示されないことです。誰かがそれを変更する方法を知っていますか? <!DOCTYPEhtml><html>

P粉904450959 2024-04-01 22:53:42 0  1  448

javascript - カルーセルJSで保存された変数でタイマーを呼び出す方法

{コード...} 理由は、最近全画面カルーセル機能を実装したいと思い、多くの情報をクエリし、多くの Web サイトのコードを参照したところ、ほとんどが難読化されたコードであることがわかりました。理解できなかったので、原始的で粗雑なカルーセル画像を自分で作成しました。js の基礎がしっかりしていないので、問題はたくさんあるでしょう。できればいいのですが...

女神的闺蜜爱上我 2017-07-05 11:08:40 0  1  1002

css - ボックスに overflow-y:scroll を追加すると、モバイル フォントが大きくなります

一番外側のボックスにcss属性:overflow-y:scrollを追加すると、Googleモバイルシミュレータで表示すると自動的にフォントが大きくなり、全体のレイアウトがレムになります。この属性を削除すると、フォントが正常になります。 コード 1: オーバーフローではありません: スクロール属性 画像の説明 {コード...} コード...

黄舟 2017-05-16 13:39:31 0  5  1068

CSS をさまざまな画面サイズに適応させる: ガイド

私はこのCSSコードを持っていますが、私の問題は、padding-top（上部からある程度のスペースがある）のせいでページが大きすぎて、「スクロール」オプションがあり、画面全体に収まらないことです。スクロール オプションを無効にするにはどうすればよいですか? *{margin:0;padding:0;}html,body{height:100%;}body{color:#444;font-family:'SegoeUI',Tahoma,Geneva,Verdana,sans-serif;backg

P粉030479054 2023-09-09 00:05:15 0  1  437

スクロール操作前に条件を追加する方法

fullpage.js ライブラリの使用に問題があります。モーダルを開いたときに画面がスクロールしないようにする必要があります。次のコードで、onLeave、afterLoad、jQuery を使用してスクロールを無効にしてみました: $(document).ready(function(){$(window).bind("wheel",function(e){if(document.getElementsByClassName("modal)

P粉738046172 2023-09-06 00:00:45 0  1  521

API 呼び出しで画像を調整するにはどうすればよいですか?

ここに何かを投稿するのは初めてなので、何か不足している場合はお知らせください。さて、私の問題は、カテゴリページ内の画像が互いに適合せず、整列しなくなったことです。これは、JavaScript を少し学び、API 呼び出しから画像を取得した後に起こりました。今では、特にモバイルビューではあまり良く見えなくなりました。どうすれば同じ大きさにできるのでしょうか？ところで、私は完全な初心者です。私のページへのリンクは次のとおりです: https://lovely-croissant-3cceca.netlif

P粉138871485 2023-09-05 13:36:09 0  1  466

JavaScript - フォンスワイプで画像をクリックしたときに画像を全画面表示するにはどうすればよいですか?

携帯電話で画像をクリックして画像をプレビューさせ、左右にスライドさせることはできますが、画像を全画面表示にすることはできません。アドバイスをお願いします 下の図でwidth=100%になるようにパラメータを設定する方法を教えてください。 。それとも他にお勧めできるプラグインはありますか?

ringa_lee 2017-07-05 10:41:07 0  4  889