に質問検索_PHP中国語ウェブサイト

コミュニティ学ぶツールライブラリレジャー

日本語

人気の検索：
PHP
MySQL
jquery
HTML
CSS

css - 背景画像を含むレスポンシブレイアウトを記述する方法

これと同様に、背景画像を含むコンポーネントを作成したいのですが、背景画像のサイズを 100% にすることはできず、中央にコンテンツ、左側に画像、右側にテキストがなければなりません。反応しますか？

怪我咯 2017-07-06 10:37:20

css3 - グラフィックとテキストに対応したスタイル

PC デスクトップでこのページをレスポンシブにする: 1 つの方法は画像を直接レスポンシブにする方法ですが、唯一の欠点はテキストがぼやけ、効果が完璧ではないことです。 , このように、テキストのサイズを適応させる必要があり、テキストの位置関係を適切に行うのはさらに困難です...

習慣沉默 2017-05-16 13:20:57

画像とコンテンツを含むレスポンシブなページをデザインする

私はフロントエンドを初めて使用するため、レイアウトと応答性にいくつかの問題を抱えています。これはこれまでの私のコードです: body{margin:0;background-color:#353535;}.header{color:white;text-align:center;font-size:20px;margin:auto;font-family :'Inter ',セリフ;フォントの太さ:太字;幅:700ピクセル;

P粉676588738 2023-09-07 15:55:30

レスポンシブ画像とテキスト Div を並べて表示

そこで、1 つの div が画像で、もう 1 つが背景付きのテキストであるテンプレートを作成しようとしています。次に、このテンプレートをレスポンシブにして、テキストが特定のピクセル幅で画像の下に表示されるようにしたいと思います。 stackoverflow を調べてみると、Flexbox を使用するべきだという投稿が無数にありました。試してみましたが、完全には理解できませんでした。したがって、デスクトップでは次のようになります: https://i.stack.imgur.com/HDehv.jpg スマートフォンでは、ここにジャンプするはずです https://i.stack.im

P粉005134685 2024-04-02 08:59:38

ヘッダー画像、テキスト、ボタンをレスポンシブにする方法

Bootstrap5を使ってWebサイトを作っています。ウェブサイトのヘッダーでは、Bootstrap のカルーセルをヘッダーに使用しています。カルーセル画像では、テキストやボタンを表示することもできます。画像、テキスト、ボタンをレスポンシブにしたい。メディアクエリを使ってみましたがやり方がわかりません。 test.html<!doctypehtml><htmllang="en"><head><metacharset="ut

P粉604507867 2023-09-17 09:51:15

常に最後の行に少なくとも 2 つの項目が含まれるように項目をラップするにはどうすればよいですか?

画像の質問私のクライアントは、もちろん、応答性の高い方法で車両をウェブサイトに掲載したいと考えています。ただし、既知の手法 (フレックス、グリッド) はすべて、最後の項目を次の行にラップします。絵でやろうとしたことですが、主人公にとっては非常に醜いものです。クライアントは次のことを望んでいます。 1 行あたり最大 5 つの項目 1 行あたり最低 2 つの項目難しいのは、項目の数が動的である必要があることです。通常は 4 ～ 6 台の車ですが、次のように最後の 2 つの項目を選択できることがわかっています。item:nth-last-child(-n+2){order:2;/*setorde...

P粉023650014 2023-09-11 16:49:22

単一のグリッドまたは Flex を使用して多様なカードレイアウトを作成する: 実用的なガイド

写真のようなレスポンシブカードレイアウトを作成しようとしています。私が現在行っているのは、コンピューター、タブレット、モバイルデバイス用に個別のレイアウトを作成することです。次に、メディアクエリを使用して、他の 2 つのビューの表示プロパティを display:none に設定します。例: [コンピュータ] ビューにいる場合、コンピュータのカードレイアウトではディスプレイが「なし」に設定されていませんが、他の 2 台のコンピュータではディスプレイが「なし」に設定されています。これは機能しますが、多くの冗長性が生じます。 Flex または Grid を使用して 3 つのレイアウトすべてを実...

P粉808697471 2024-04-02 21:07:36

Vite Reactjs Web サイトアプリは本番環境では API を呼び出しませんが、ローカルホストでは正常に動作します

Netlify にアプリケーションをデプロイしようとしています。ランディングページは、ギャラリー効果を作成するために一連の画像を取得します。ログインページはローカルマシン上で正常に実行されますが、デプロイメント後は API が呼び出されず、アプリケーションは読み込み中の状態になります。 Netlify サーバーのログインページ。開発ツールのネットワークタブで、API がローカルホストのローカルホストネットワークタブで呼び出されており、開発サーバーでは API リクエストが起動されていないことがわかりました。サーバーネットワークタブを展開します。 API呼び出しのコードがAPI呼び...

P粉794177659 2023-08-10 16:32:46

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

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

P粉178132828 2023-09-05 11:18:47

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

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

P粉237125700 2023-09-05 14:46:42

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

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

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

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

P粉369196603 2023-09-05 15:34:44

他の列でグループ化しながら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

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

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

P粉151466081 2023-09-05 11:58:38

スペード、ダイヤモンド、ハート、クラブ => 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

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

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

P粉239164234 2023-09-05 15:41:00

モバイル上のカスタム Bootstrap 5 カルーセル (複数の項目、ただし 1 行ではない)

モバイルデバイスでカルーセルレイアウトをカスタマイズしようとすると問題が発生します。モバイル上でカルーセルの項目を 1 つだけではなくすべて表示したいのですが、いくつかの CSS と JS、特に displayfloat または max-witdh を使って試した後、これは不可能だと思い始めています。どこを見ればよいかわからない、間違った場所や物件を表示している。私が何を達成しようとしているのかがわかるように、2 つの画像を含めました。私が達成しようとしているもの: 私が持っているもの: サンプル HTML コードは非常に基本的なコードです。CSS は含めていません。

P粉763662390 2023-09-05 11:53:56