Chromium ベースのブラウザでピクセル化された背景画像を修正するにはどうすればよいですか?

Chromium ベースのブラウザでは、背景画像として使用される縮小画像はピクセル化され、<img> タグを使用して表示するとぼやけて見えます。背景画像のレンダリングスタイルを変更して、ラベルに表示されているように見せる方法はありますか? image-rendering 属性を試しましたが、background-image では機能しないようです。 Firefoxでは問題なく表示されます。 Brave でのレンダリング例、左の背景画像、

P粉549412038 2024-03-19 21:10:42 0  1  425

HTML、CSS、SVG を使用してスケーラブルな標識を作成する

道標（先端のある長方形）の形のボタンを作成したいと考えています。 _______|\|_______/各テキストの長さが異なるテキストを動的にロゴに書き込みたいと考えています。グラフィックのみを背景グラフィックとして使用してこれを試してみると、矢印はそれに応じて拡大縮小および圧縮/伸縮されます。したがって、これを行う方法は、テキストを通常の div に配置し、CSS:after を使用して矢印を SVG として追加することです。矢印は完全に塗りつぶされているはずです。つまり、フレームの問題に対処する必要はありません。 （見やすくするためにSVGを黒のままにしました）最初の問題は、矢印が常にブロ...

P粉555682718 2024-03-31 14:45:14 0  1  489

vim - 隠しウィンドウを表示するにはどうすればよいですか?

vim test.htmlvsplit test.csssplit test.js 3 つのウィンドウが表示されます。カーソルを左下に移動し、「:hide」コマンドを入力すると、ウィンドウが左右に 2 つだけ表示されます。ウィンドウがいくつあっても右側のtest.htmlは変わらないので、次のように切り替えます。ウィンドウを 2 つだけにして使用します...

阿神 2017-06-19 09:07:54 0  1  2049

justify-content: Flexbox の space-between が機能しないようです

クラスとIDを使用してCSSで多くのことを変更しようとしましたが、両方の画像を画面の向こう側に配置する方法はないようです（ロゴが左端、プロフィールが左端）右端）。 text-align やさまざまな justify-content など、さまざまなことを試しましたが、何も機能しないようです。これはコードです: .top-nav{display:flex;position:absolute;background-color:blue;opacity:0.5;

P粉511749537 2024-03-21 23:06:10 0  1  477

DIV を両側のコンテンツに合わせて中央揃えにします

したがって、(含まれる DIV 内に) 5 つの項目があります。項目の並びは以下の通りです。 テキスト 画像 DIV 画像 テキスト DIVを中心にして画像がDIVを「抱き締める」、そしてテキストが画像を「抱き締める」ようにして、残りのスペースが表示されるようにしたいです。含まれる DIV の左側または右側。現在必要としているように見える方法は、これを達成するためにフレックスを使用しましたが、これは、私が望むDIVが完全に中央に配置されるのではなく、DIVを含むコンテンツ全体が中央に配置されるだけです。

P粉352408038 2024-04-04 23:19:14 0  1  3642

画面上で何も中央揃えにできません

CSS を使用して HTML 上に応答性の高いナビゲーション バーを作成する方法に関する YouTube チュートリアルに従っています。画面の中央にテキストを追加しようとすると、テキストが画面の左側に表示されるまではすべてうまくいきます (ウィンドウの解像度は幅 952 ピクセルよりも高いです)。私は CSS を初めて使用するので、修正しようとしてもうまくいかないようです。コードは次のとおりです。 *{padding:0;margin:0;text-decoration:none;list-style:none;box-sizing:border-box;

P粉136356287 2024-04-01 11:51:40 0  2  462

MUI スイッチで React Hook Form 7 を使用する方法

MUI スイッチで React-Hook-form を使用する場合、値が true に設定されていても、ページの読み込み時にスイッチに初期値が表示されません。ただし、ボタンに触れずにフォームを送信すると、値が true として定義されているスイッチに対して true が返されるため、これは表示の問題であるようです。さらに、これらのボタン (false として表示) を 1 回クリックしても効果はなく (ボタンは左側に残ったままになります)、2 回目のクリックで実際に再び切り替わります。フックを使用して初期値を設定します (他のすべてのフィールド タイプに適用されます): useEff

P粉231112437 2023-09-16 19:43:09 0  1  645

div の高さを制限するプロジェクトの実装方法

3 列のレイアウトがありますが、中央の列の高さの一部に問題があります。一般的に言えばチャットアプリケーションです。クラス名は次のとおりです。これら 3 つの列を含むコンテナの場合 (列の高さを同じにするためにこのようなグリッドを使用することにしました): display:grid;grid-template-columns:360pxauto300px;grid-auto-rows:1fr;left列と右列はそれほど重要ではありませんが、左列にはユーザーのリストが表示されることに注意してください。リストの長さは異なる場合があります (ユーザーはフィルタリングできます)。右側の列には静的なコンテ...

P粉814160988 2023-09-13 20:46:45 0  1  608

クリックしたときにテキストが新しい要素 (区切り線など) に変わるようにするにはどうすればよいですか?

ページ上の特定のテキストをクリックすると区切り文字/新しい要素に変わる方法を見つけようとしています。どう説明したらいいのかわかりませんが、画像の下にタイトルがあると想像してください。タイトルをクリックすると、上の画像がテキスト ボックス/別の画像/スクロール可能なセパレーターのようになります。ここでは、右側の頭蓋骨の絵文字をクリックすると、左側のボックスに新しい div/画像が表示されるというページの効果を実現しようとしています。ソースコードを見て、この効果を実現するために彼女が何をしているのかを確認していますが、まだわかりません。 w3schoolsonを使用しようとしています

P粉872101673 2024-04-04 11:21:03 0  1  3845

問題 2003 (HY000) を修正する方法: MySQL サーバー 'db_mysql:3306' に接続できません (111)

最近、FastAPIPython サーバーをコンテナ化しようとしました (レプリケーション/二重化の目的でもあります)。以前は、Docker コンテナーに MySQL サーバーだけを入れてすべて問題なかったのですが、Web サーバーもサービスにしたところ、MySQL サーバーに接続できなくなり、アプリケーションが動作しなくなりました。以下は、アプリケーション fromfastapiimportFastAPIimportmysql.connectorapp のサーバー データベース初期化コネクタのコード スニペットです。

P粉178132828 2023-09-05 11:18:47 0  1  889

クエリ制限後のソートを試してみる

それで、これが私の最初の質問です、何か間違っている場合はご容赦ください。制約に基づいて並べ替えクエリを作成しようとしています。つまり、90 個のレコードを持つ Customers テーブルがあります。まず 3 レコードに制限されたクエリを実行し、次にこのクエリの結果を ContactName という列で並べ替えたいと考えています。これはネストされたクエリである可能性があると思います。ネストされたクエリは SQLServer では正常に実行されますが、MySQL で実装する方法がわかりません。制限クエリ: Select*fromcustomerslimit

P粉237125700 2023-09-05 14:46:42 0  1  774

CSS グリッド: 子コンテンツが列幅をオーバーフローした場合に新しい行を作成する

CSS グリッドに基づいた 2 列のレイアウトがあります。 2列目の内容が1frを超えた場合、新しい行を作成したいと思います。現状では、コンテンツが単に列から溢れてしまいます。このレイアウトの要件の 1 つは、右側のメニュー列の項目が 1 行にあることです。これを次のように実行します。 .right-menu{...grid-auto-flow:columndense;...} Grid-auto-flow 属性を削除すると、オーバーフローが停止します。ただし、アイテムは複数の行に積み重ねられており、これは私が望むものではありません。 .riも変換してみました

P粉212114661 2023-09-05 15:18:28 0  1  652

AND、OR、NOT 演算子を使用した PHP 全文検索機能

初心者の質問: php と eloquent を使用して、検索文字列の全文検索を実装しようとしています。 $searchstring="+(被害者容疑者)+crime-covid";$searchresult=RssItem::whereRaw("MATCH(description)AGAINST('$searchstring'INBOOLEANMODE)")->ge

P粉076987386 2023-09-05 15:06:32 0  1  621

すべての PHP 型を文字列に変換する最短の方法

私は、いつか医療などの分野 (つまり「科学的」) に適用できることを願っている一般的なシステムを書いています。最良の方法は、php 内のすべてのデータを文字列で表すことだと思います (true は「true」、false は「false」など)。その理由は、php ではすべての値が一意の文字列表現 (php コード自体など) を持つためです。このプログラムの設計プロセスをスピードアップするために、この質問を投稿しました。数値やブール値など、一部の値は簡単に文字列に変換できます。オブジェクト、配列、リソースなど、簡単ではないものもあります。譲渡対象だと思いますが、

P粉369196603 2023-09-05 15:34:44 0  1  1039

他の列でグループ化しながらMySQLのDATETIME列の平均を取得する方法

次のクエリを使用して MySQL テーブルを作成し、データを設定しています: SETtime_zone='+00:00';CREATETABLEtimestamp_n_datetime(idINT,timeDATETIME,avg_timeDATETIME);INSERTINTOtimestamp_n_datetime(id,time,avg_time)VALUES("1","2023-01) -0310:

P粉460377540 2023-09-05 11:46:21 0  1  531

マルチデバイス (携帯電話) の同期 - React Native

すべてのユーザーのモバイル デバイスで同時に起動するライトショーを作成しようとしています (最大 2000 ～ 3000 人のユーザーが参加可能)。すべてのユーザーはインターネット (Wi-Fi またはモバイル データ) を使用します。私たちの FE では、サブスクリプションに Apollo を使用していますが、それは魅力的に機能します。しかし問題は、ユーザー A がユーザー B よりも早くサブスクライブされたイベントを取得できることです。これは、ユーザー A がユーザー B よりも早くゲームのプレイを開始することを意味します。ライトショー アーキテクチャがあり、ユーザーは早くも遅くも開始でき...

P粉151466081 2023-09-05 11:58:38 0  1  724

スペード、ダイヤモンド、ハート、クラブ => Android 版 Chrome ではスタイルのフォントの色が変更されない

Windows 上の Google Chrome では、カードのスーツのシンボル (スペード、ハート、ダイヤ、クラブ) は、「style」属性を使用して正しく色付けされます。残念ながら、Android 上の Google Chrome で表示される同じページには、私が定義した色は表示されず、デフォルトの黒と赤が使用されます。 (効果については添付の図を参照してください) HTML コード: (プロジェクトへのリンク https://stackblitz.com/edit/web-platform-z2cs3t?file=index.html

P粉896751037 2023-09-05 15:25:13 0  1  779

mui TextFieldラベルを非表示にする方法は?

私は Nextjs アプリを開発しています。mui で構築されたダッシュボード ナビゲーション バーには、通常の HTML と CSS で構築された通知ボックスを開く通知が含まれています。 Dashboard-navbar.js: importNotificationBoxfrom"./notification-box/notification-box";//...exportconstDashboardNavbar=(props

P粉239164234 2023-09-05 15:41:00 0  1  709