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

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

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

If/Else if/Else ステートメントの三項演算子

Reactjsで条件付きスタイルを実行しようとしています。私は React を初めて使用するので、これを行うより良い方法があるかもしれませんが、インターネットで検索しても役に立ちません。上記の画面サイズに基づいて、画面サイズとスタイルを確認しようとしています。この使用例では、画面サイズに基づいて一部のテキストを中央に配置したいと考えています。これを行うより良い方法があるかどうか誰かが教えてくれますか?現在、これは私にとってはうまくいきません。編集：そこにいくつかのログを入れると、画面サイズが993ピクセルを超える場合でも、ページが読み込まれるときに「textAlign」が要素にまったく適用され...

P粉320361201 2024-03-28 19:15:53 0  2  336

ブラウザのビューポートサイズを取得する方法

訪問者に高品質の画像を表示させたいのですが、ウィンドウ サイズを検出する方法はありますか?それとも、JavaScript を使用したブラウザのビューポート サイズでしょうか?ここの緑色のエリアを参照してください。

P粉237029457 2023-08-28 11:06:30 0  2  605

angular.js - highchart/ng-grid でリサイズをアクティブに呼び出す方法

angular-ui を使用して highcharts と ng-grid をタブセットに配置しました。アクティブなサイズ変更ウィンドウをクリックしたときに、highcharts と ng-grid のサイズ変更メソッドをアクティブに呼び出すにはどうすればよいですか。タブ？

漂亮男人 2017-05-15 16:53:42 0  1  653

JavaScript - モバイルゲーム開発ページの全画面表示の問題

シンプルな小さなゲームを開発します。設計図に示されているサイズは 640*1136 です。レムを適用すると、高さが低い一部の携帯電話ではすべてのコンテンツを表示できず、ゲームでスクロール バーを使用できません。どうすればよいですか?ありがとう

迷茫 2017-05-31 10:41:37 0  2  978

物流注文の印刷版を作成するための html5-css

このような物流注文を印刷するにはどうすればよいでしょうか?物流会社から提示された寸法に従えば、上部は製作可能ですが、文字が多い下部は正しく表示できません。このような物流オーダーはソフトウェアによって自動的に生成されるのでしょうか?

高洛峰 2017-05-16 13:27:52 0  1  701

javascript - クライアントのカメラ画像を取得して Web 上に表示するための良いソリューションはありますか?

タイトルにあるように、Web 上でクライアントのカメラ画像を取得するための良いコンポーネントはありますか? 私は以前に Jquery.Webcam と photobooth を使用したことがあります。 Jquery.WebcamはFlash経由で取得しますが、サイズに制限があり、方法もモザイクと同じです。フォトブースはHTML経由です...

PHP中文网 2017-05-19 10:47:12 0  1  632

css - モバイル端末で「1 ピクセルの境界線」の問題が発生するのはなぜですか?

まず私の考えを述べさせてください。 Retina スクリーンの物理的なピクセル密度は通常のスクリーンの 2 倍であるためです。言い換えれば、同じ 1 インチ Retina スクリーンはレンダリングに 2 つの物理ピクセルを使用しますが、通常のスクリーンは 1 つだけを使用します。今のところ、Retina スクリーンの物理ピクセル サイズは、通常のスクリーンの物理ピクセル サイズより小さいと思います...

仅有的幸福 2017-05-16 13:28:38 0  2  683

Bootstrap Grid システムを使用して、大画面で画像と進行状況バーの間のギャップを修正するにはどうすればよいですか?

まず、この図のアイデアを示します。 図 (1) この図では、md/lg 画面で進行状況バーが図の下にあり、テキストがその右側にあることがわかります。 。図 (2) では、画面サイズが小さい場合、テキストが 2 番目に表示され、進行状況バーが最後に表示されます。 「UTF-8」

P粉409742142 2023-09-14 10:56:03 0  1  634

モバイル サイズの画面で段落を左側に移動するための CSS および HTML メソッド

通常の 16:9 のコンピュータ画面では、左側にテキスト、右側に画像が表示され、完璧に見えます。ただし、小さい画面 (携帯電話サイズの画面など) では、希望どおりに段落の上に画像が表示されます。私はこれに非常に慣れていないので、助けてください。これは私のメディア ファイルです @media(max-width:700px){.project1-img{flex-basis:10%;width:350px;margin:20px;}.project-one{float:righ

P粉043470158 2024-04-04 20:25:22 0  1  467

画面サイズに合わせたボタンの作り方～背景画像の使い方を詳しく解説

私は、複数のグラフィックスを並べて表示し、デバイスの画面サイズに適応させる必要がある pfsensecaptiveportal を開発しています。これは、画像入力タイプを使用するとうまく実現できます。ただし、pfsense デバイスはこのコミットを正しく認識しません。機能するには、コミット タイプの値が「Continue」である必要があります。代わりに背景画像を使用しようとしましたが、背景画像が拡大縮小されません。画面が小さくなると、フルサイズで表示され、トリミングされて表示されます。背景画像のサイズを変更できるようにするにはどうすればよいですか? #コンテンツ{フォントファム

P粉345302753 2023-08-16 13:38:12 0  1  616