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

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

日本語

人気の検索：
PHP
MySQL
jquery
HTML
CSS

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

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

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

レスポンシブ画像とテキスト 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

jqueryで背景画像のURLアドレスを取得するにはどうすればよいですか?

jqueryで背景画像のURLアドレスを取得するにはどうすればよいですか?

仅有的幸福 2017-05-19 10:41:23

背景画像にレスポンシブ PNG 画像?

私は次のようなページデザインを作成しようとしています: クリックして実際に成功しました。問題は、Web ページの解像度を変更すると、要素が重なり、背景の div と PNG の動作が異なり、すべてがひどいものになることです。 (position:absolute(PNG)とposition:relative(background)を使用してみました)

P粉107991030 2024-02-21 21:06:46

javascript - IE7 で jquery の fadeOut および fadeIn を使用すると、背景画像の縁が黒く表示されます。 ?

IE7でjqueryのfadeOut、fadeInを使用すると、背景画像の縁が黒く表示されてしまうのですが、このような状況を経験された方はいらっしゃいますか？ ?

某草草 2017-05-19 10:40:02

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

SVG イメージを使用してレスポンシブグリッドエリアを作成できません

SVG 画像を含むレスポンシブなグリッド領域を作成しようとすると、グリッド領域の幅が任意になったり、画像を停止せずに特定の点まで拡大または縮小したりできないなどの奇妙な動作が発生します。私が得た最も近いものは次のとおりでした: *{box-sizing:border-box;}body{margin:0;}header{display:grid;grid-template-columns:auto1fr;background-color:green;padding:1r

P粉022140576 2023-08-30 19:15:16

ionic Angular と ngfor でレスポンシブグリッドを作成するにはどうすればよいですか?

ionicAngular と ngfor でレスポンシブなグリッドを作成するにはどうすればよいですか?グリッドテンプレートを説明するには、ここに画像の説明を入力します: <ion-grid><ion-row><ion-col><ion-item*ngFor="letprodofdisplayedList" class="item-entry"detailrouterLink=&quot

P粉106715703 2023-09-14 22:57:49

javascript - jQuery File Upload プラグインに関する質問

ユーザーは、input="file" タグを使用して画像を選択します。ユーザーが選択した画像を処理のためにキャンバスに描画した後、base64 画像データを取得します。次に、この結果を jQuery ファイルにどのように入力するかが問題になります。アップロードして、ボタンをクリックします。アップロードについてはどうですか? {コード...}

淡淡烟草味 2017-06-10 09:49:07

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

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

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

画面サイズ/デバイスに基づいて適切な CSS スタイルを選択する方法

Bootstrap3 には、画面の解像度に応じて特定のブロックを表示または非表示にできるレスポンシブユーティリティにいくつかの優れた CSS クラスがあります http://getbootstrap.com/css/#sensitive-utilities-classes CSS ファイルにいくつかありますスタイルルール画面の解像度に基づいて適用するか適用しません。どうすればいいでしょうか？実稼働デプロイメント用にすべての CSS ファイルを 1 つのファイルに圧縮しますが、他に解決策がない場合は、別の画面用に解決するだけです。

P粉529245050 2023-08-21 21:50:42

署名画像のパスをデータベースに保存できません

https://laratutorials.com/signature-pad-php-mysql-jquery/ を使用して署名パッドを作成します。問題は、[送信] をクリックしても、署名画像のパスがデータベースに保存されないことです。これは、upload.php <?phpinclude_once'../db_connect.php';$folderPath="upload/";$image_parts=explode のコードです。

P粉388945432 2024-02-17 12:52:43

javascript - jqueryを使ってjsテンプレートでdomを取得・操作する方法

画像の通り、これはスクリプトでラップされたHTMLです。jqueryを書いたのですが、domが取得できませんでした。ネット上では、スクリプトは通常の文字列として解析されると言われています。では、jqueryを使用するにはどうすればよいでしょうか?

typecho 2017-06-12 09:30:32

javascript - 特定の条件が満たされたときにドラッグアンドドロップを停止するために、jquery uiのドラッグアンドドロップ機能を実装する方法

画像のように、右下の小さな点をドラッグすると画像をズームできます。jquery uiのズーム機能では満足できないため、これを自分で書きました。今度は右下の小さな点をドラッグする必要があります角を図 2 の位置までドラッグすると、左上方向にドラッグし続けることができなくなります。ずっとネットで探してたんですが…

某草草 2017-05-19 10:42:24

onclick() 関数による画像の変更

オブジェクトをクリックすると、ある写真を別の写真に変更したいと考えています。コードは次の順序でスタックされます。私が望むのは、クリックすると、画像が色付きの画像、つまり別の画像に置き換えられることです。これで、JQuery/JS を使用して実行できることがわかりました。しかし、このような単純な機能を実現するために大量の JS コードを追加したくありません。これを達成するより簡単な方法はありますか? pseudo-selector.activeクラスのようなメソッド？分かりません。

P粉242535777 2023-08-18 08:53:28

javascript - vueの他の場所をクリックしてモーダルを閉じる方法

画像のように、このポップアップレイヤーを別の場所をクリックして閉じるにはどうすればよいですか? jquery を使用して操作するのは非常に簡単ですが、この機能を vue で実装するアイデアを知りたいです。

我想大声告诉你 2017-05-19 10:35:22

jQueryプラグインをパッケージ化するwebpack - コードログ

複数のページでは、まずprovidePluginを使ってjQueryをグローバルの{code...}に公開します jQueryプラグインを参照するとき、何をすればよいのかわかりません。通常のjsプラグインであれば、直接入力する必要があります。ただし、プラグインによっては、js、css、画像の両方が含まれているため、すべてのページで使用すると...

黄舟 2017-06-26 10:50:32

javascript - 画像カルーセルタイマーの設定に関するネイティブ JS および jQuety

画像カルーセルについて、自動再生の設定: ネイティブ JS コードを使用する場合、現在 2 つの方法がわかっています。1 つ目: {code...} 2 つ目 (oBtnNext は取得したボタンを指します): { Code..問題は、jQuery($("#next") が使用された場合、上記と同等であるかどうかです...

大家讲道理 2017-07-05 10:58:00

固定画像サイズを維持しながらレスポンシブデザインを実現するにはどうすればよいでしょうか?

画像を引き伸ばさずに 16:9 コンテナに収まるように画像のサイズを変更するには、次の CSS (ブートストラップを使用) を使用します。

P粉739706089 2023-08-16 14:35:27