ブートストラップのランディング ページ レイアウトの問題 - コンテナが画面サイズに正しく適合しない

現在、Bootstrapを使ってランディングページを作成する練習をしています。ただし、レイアウトの問題に直面しています。コンテナーが適切な画面サイズに適合しません。左右のバランスが崩れて画面が左に傾いてしまいます。問題を示すスクリーンショットは次のとおりです (リンク): テキスト さまざまなことを試しましたが、問題を解決できませんでした。これは、ブートストラップのグリッド システムまたはコンテナ設定に問題があるのではないかと思います。このレイアウトの問題のトラブルシューティングと修正方法を誰かが教えてくれませんか?ご提案や洞察をいただければ幸いです。さらに、関連するコード スニペットをいくつ...

P粉214089349 2023-09-10 21:04:02 0  2  757

JavaScript - ページの全画面スクロール

ページが一定の距離までスクロールした後、全画面スクロールがトリガーされた場合はどうすればよいですか?例えば、Mijia炊飯器の人気レシピのおすすめコーナー、ありがとうございます！

天蓬老师 2017-05-19 10:36:36 0  2  835

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

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

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

JavaScript - video タグから全画面ボタンだけを削除するにはどうすればよいですか? ? ? ?

? ? ? videoタグから全画面ボタンだけを削除するにはどうすればよいですか? ? ? ?

仅有的幸福 2017-05-19 10:41:28 0  2  1153

javascript - js Google Chrome を全画面表示ではなく最大化する (F11)

js は全画面表示 (F11) ではなく Google Chrome を最大化します

给我你的怀抱 2017-05-19 10:37:01 0  2  934

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

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

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

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

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

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

android - 画面が水平のときに全画面ソフトキーボードの表示と非表示を監視するにはどうすればよいですか?

画面を横に表示すると、ソフトキーボードが画面全体を占めてしまいますが、ソフトキーボードの表示・非表示を監視する方法はありますか？

巴扎黑 2017-05-16 13:25:24 0  1  639

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

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

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

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

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

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

html5 - 画像が変形しないように、背景画像を携帯電話の全画面表示 (コンテンツが比較的長く、スクロール バーがある) にするにはどうすればよいですか?

モバイル Web ページに背景画像が必要です。背景画像を変形せずに全画面表示するにはどうすればよいですか?今の設定だと背景が変形してしまいます！神様に聞いてください！

为情所困 2017-05-16 13:25:30 0  4  1120

正確なマウス座標を取得できない問題: ページのサイズを変更するときに 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  755

目的-c - iOS への適応の問題

会社のプロジェクトの場合、デザインでは 5 秒の画像しか提供されていませんでしたが、画面比率を (自動レイアウトを使用して) 掛けないと、6 秒で小さく表示されることがわかりました。拡大しますが、両方押した場合 比率を拡大すると、5s、6、6pで表示されるものは全く同じになりますので...

曾经蜡笔没有小新 2017-05-02 09:35:01 0  1  487

WordPress のカスタム投稿タイプ データを既存の wp_posts テーブルに挿入します。

WordPress データベース内の既存の wp_posts テーブルで動作するプラグインを作成しました。これを行うために、プラグインがアクティブ化されたときに既存のデータベースに 3 つのフィールドを追加し、プラグインが非アクティブ化されたときに既存のデータベースからこれらの 3 つのフィールドを削除するプラグインのコードを作成しました。これが私が望むレイアウトのスクリーンショットです。

P粉811329034 2023-07-28 16:24:13 0  1  398

Javascript の div コンテナに自動的に適応します

さまざまなサイズの div があります。寸法は、高さ: 780、幅: 1390、または高さ: 524、幅: 930 になります。 React アプリケーションは、フル HD 1920x1080 と 4K3840x2054 の 2 種類の画面に表示されます。 div を異なるサイズと画面にして、画面内で常に同じ比率、両方のタイプの画面で同じサイズになるようにしたいと考えています。たとえば、タブレット、スマートフォン、1920x1200 の画面など、他の種類の画面では div を異なるものにしたいとします。欲しい

P粉806834059 2023-09-13 19:20:46 0  1  653

ウィンドウが短すぎると、Flexbox アイテムがコンテナからオーバーフローし、サイドバーが下部の位置合わせを維持できなくなります。

ヘッダー、2x2 コンテンツ グリッド、サイドバーで構成される単純なフレックス レイアウトを使用しようとしています。ウィンドウの幅が一定のサイズより小さい場合、サイドバーは画面の下部に移動する必要があります。現在、そのサイズに達すると、ウィンドウの高さを小さくしすぎると、グリッドのコンテンツがヘッダーの上に重なってしまいますが、なぜこれが起こるのかはわかりません。画面のサイズはビューの高さだけである必要がありますが、サイドバーを移動すると拡大します。 @media(最大幅:960px){.メイン画面{高さ:100vh

P粉226642568 2024-03-31 00:03:58 0  1  516

android - 2つのレイアウトの端に画像を設定する方法

図に示すように、このような効果を設定する方法は、画像が 2 つのレイアウトの端にあり、このアクティビティの下にビデオを再生するアクティビティがあり、フレーム レイアウトを使用して透明度を設定しています。透明。

淡淡烟草味 2017-05-16 13:34:07 0  2  904

CSS グリッド レイアウト 正方形のセル

CSSGrid-Layoutをベースとしてダッシュボード風のビューを作成したいと考えています。画面の全長に 16 列を配置したいと考えています (応答性があるはずです)。セルを正方形にするには、セルの高さをセルの幅によって決定する必要があります。問題は、一部のセルを複数のセルにまたがりたいことです。たとえば、2x1 セルを占める要素が必要です。基本的なグリッドレイアウトがあります: .grid-container{display:grid;grid-template-column

P粉593536104 2023-08-15 20:13:32 0  1  498

Next.js のレイアウトによりページのコンテンツが見えにくくなる

Next.js アプリケーションのレイアウトとして、マテリアル ui (https://mui.com/material-ui/react-bottom-navigation/) のボトム ナビゲーションを使用しようとしています。ただし、ナビゲーションによってページの下部が見えにくくなります。マージンとパディングを変更してみましたが、うまくいきませんでした。私は、マテリアル ui とまったく同じボトム ナビゲーションを使用しています。レイアウトなしだとこんな感じ。レイアウトによりコンテンツがマスクされます - ありがとうございました

P粉018653751 2024-04-02 19:42:19 0  1  405

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

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

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