TailwindCSS を使用して画像を連続して同じサイズに設定できません

TailwindCSS を使用してページのデザインを作成しています。コンポーネントと画像を同じサイズに設定できません。フレックス、ラップ、divまたは画像の幅の変更をいくつか組み合わせてみましたが、解決策が見つかりません。私が望む結果は、各ムービーに、次の名前の同じサイズの画像を含む同じサイズの長方形が含まれることです。また、オーバーフローについては、Y スケールではなく、X スケールでスクロールできるようにしたいと考えています。なんとかできましたが、それを維持する必要があり、適切なサイズも必要です。画像を次のように表示したい:(htt

P粉978742405 2024-02-17 12:27:00 0  1  402

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

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

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

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

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

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

JavaScript - 多数のスプライトに衝突検出ボックスを追加するにはどうすればよいですか?

以下に示すように、スプライト シートがあり、その中の各フレームのサイズが異なります: ここで衝突検出ボックスを追加したいのですが、画像が多く、衝突位置は画像の境界線に限定されません。この場合、検出を追加するには?フレーム、必要に応じて各フレームに検出を追加する必要がありますか?入手方法は…追加完了後…

phpcn_u1582 2017-05-31 10:39:16 0  1  658

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

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

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

Quasar Q カードをセンターから切り離すにはどうすればよいですか?

上のボックスを中央から分離し、下のボックス内のアイテムが均等に配置されるようにしようとしています。ただ、付け加えてみると、サドルバッグの左右のサイズは同じではありません。以下はコードです。これを codepen に入れると、カードが均等に分割されていないことがわかります。この問題はどうすれば解決できますか? <divid="q-app"><divclass="q-pa-md"><divclass="q-gutter-mdrowjus

P粉418351692 2024-01-02 23:57:57 0  1  1082

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

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

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

タイトルは次のように書き換えられました: CSS3 の 100vh 値はモバイル ブラウザでは固定されていません

非常に奇妙な問題があります...私が遭遇するすべてのブラウザーとモバイルバージョンで、次のような動作が発生します。ページをロードするとき、すべてのブラウザーにはトップメニュー（アドレスバーの表示など）があり、ページのスクロールを開始すると、それは上に滑り上がります。場合によっては、100vh はビューポートの表示部分でのみ計算されるため、ブラウザ バーが上にスライドすると、100vh が (ピクセル単位で) 増加し、寸法が変更されたため、すべてのレイアウトが再描画およびサイズ変更されます。効果が良くない場合、この問題は発生しますか？ビューポートの高さについて初めて聞いたとき、とても興奮しました...

P粉682987577 2023-08-21 16:49:22 0  2  468

Tailwind CSS を使用して、CSS グリッド内のカードの幅と高さを固定してください

TailwindCSS と React を使用してアプリを構築していますが、ビューの 1 つにカードのグリッドがあります。現在は次のようになります。 ご覧のとおり、ウィンドウを縮小すると、カードがウィンドウに押し込まれます。カードのサイズ (幅と高さ) が常に同じになるようにし、ウィンドウが小さくなってカードの数が 1 つの行に収まらない場合は、次の行に移動するようにしたいと考えています。 (MS ペイントで作成) と同様: 画面が小さくなっても、カードのサイズは固定 (同じアスペクト比) のままです。現在のコードは次のようになります。 Grid: <div&gt

P粉184747536 2024-03-26 21:34:28 0  1  371

満足のいくWebデザインを作成する方法

自分のデザインを表示することはできません。リデザインして作りたいと思っています。 Web デザインの作成は多面的なプロセスであり、美しさ、機能性、ユーザー エクスペリエンスをシームレスに融合させる必要があります。それは、Web サイトの目的、対象ユーザー、ブランドを深く理解することから始まります。適切にデザインされた Web ページには、コンテンツの本質を捉えるだけでなく、ナビゲーションのしやすさを保証する、視覚的に魅力的なレイアウトが必要です。色の組み合わせ、フォント、画像の選択は、適切なメッセージを伝え、強力な視覚的アイデンティティを確立する上で重要な役割を果たします。レスポンシブデザイン...

P粉908643611 2023-08-10 17:09:33 0  1  503

テキスト内の段落を検索します。

Django Web サイトに JavaScript を使用して「編集」ボタンを実装しようとしています。私は JavaScript については非常に初心者ですが。 Django ではテキストを段落に分割するのは非常に簡単です。このように {{text|linebreaks}} をコーディングするだけで、Django が動的にタグを追加します。 (フォームの送信後) 移行をよりスムーズにするには、ページ全体を再読み込みするのではなく、JavaScript を使用してページのコンテンツを更新する必要があります。

P粉288069045 2023-07-28 13:08:03 0  1  563

Nuxt-link が Bootstrap-vue を使用してページを更新する問題

nuxt とブートストラップを使用して、ナビゲーション用のカスタム ホバー ドロップダウン メニューを構築しています。私が抱えている問題は、ナビゲーション サブメニュー NuxtLinks が、Nuxt ブロック内のアプリケーション コンテンツをスムーズに変更するのではなく、ページ全体を更新していることです。ナビゲーション バーは、default.vue レイアウトで動的に生成され、コンテンツをラップする NuxtLink を持つ b-dropdown-hover コンポーネントを使用します。ページではこれらのリンク/アンカーが完全に更新されるのに、b-navbar-brand イメージがスム...

P粉512729862 2023-12-07 08:58:02 0  1  694