JavaScript - ボディの背景画像をさまざまな解像度で全画面表示させるにはどうすればよいですか?解像度が低い場合は垂直スクロール バーがあり、追加のコンテンツには背景がありません。どうやって対処すればいいのでしょうか？

大きな画面解像度を使用している場合、背景は問題なく全画面表示されますが、小さな画面に切り替えると、スクロールするコンテンツに背景が表示されません。この問題はどうすれば解決できますか?コード：

黄舟 2017-05-19 10:30:07 0  2  651

オーバーレイ画像を画像境界内に保ちます - 画像にのみ貼り付くように制限します

画像にオーバーレイを貼り付けようとしていますが、このオーバーレイは上部のメニューバーにまで広がっており、画像に貼り付ける方法がわかりません。画像のサイズを変更したり、位置を変更したりするさまざまな方法を試しましたが、それでもメニューバーにはみ出してしまいます。上部の位置を調整すると全画面表示になるための小さな修正ですが、モバイルではメニューが非表示になるため機能しません。そして、サイズが変更されると、画像の下に流れます。 header{border-bottom:5pxsolidcoral;font-family:A

P粉838563523 2023-09-20 22:57:13 0  1  651

ブラウザのサイズに基づいて解像度を自動的に調整するフルサイズの画像

送料のウェブサイトがあります。ホバー画像を画面全体に表示し、コンピューター画面の解像度に依存しないようにするにはどうすればよいですか。ブラウザウィンドウを縮小すると、それらもトリミングされて縮小されるはずです。ありがとう。 .hover-image{display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;pointer-events:none;flex -directi

P粉302160436 2023-08-16 11:40:39 0  1  510

目的-c - カスタム カメラで写真を撮った後、アルバムに保存される写真のサイズを制御するにはどうすればよいですか?

現在、カスタマイズしたカメラの幅と高さは両方とも 200 です。写真を撮影してアルバムに保存すると、画像のサイズはカスタマイズしたカメラでプレビューされた画像サイズになるはずですが、アルバムを表示すると、全画面写真が保存されたことを確認します。その後、画像をトリミングして保存しようとしたところ、サイズの問題は解決しましたが、次のことがわかりました。

女神的闺蜜爱上我 2017-06-15 09:23:54 0  1  1037

html5 - 画像のアスペクト比を携帯端末の現在の画面の全画面サイズに正確に合わせるにはどうすればよいですか?

1. 携帯端末で画像のアスペクト比を携帯電話の全画面サイズに調整するにはどうすればよいですか? 幅が 100% の場合は高さも適応する必要があり、高さが 100% の場合は幅も適応する必要があります。このようにすると、画像が現在の画面を超えてスクロール バーが表示される場合があります。スライドして表示しないと空白ができてしまいます...

世界只因有你 2017-05-16 13:25:15 0  5  1138

JavaScript - フォンスワイプで画像をクリックしたときに画像を全画面表示するにはどうすればよいですか?

携帯電話で画像をクリックして画像をプレビューさせ、左右にスライドさせることはできますが、画像を全画面表示にすることはできません。アドバイスをお願いします 下の図でwidth=100%になるようにパラメータを設定する方法を教えてください。 。それとも他にお勧めできるプラグインはありますか?

ringa_lee 2017-07-05 10:41:07 0  4  892

JavaScript はサムネイルから全幅の画像ページへのスムーズな移行を実装します

http://manifesto.clapat.com/ ホーム ページ上の項目をクリックすると、サムネイルから全画面画像に遷移し、その画像がその項目のページのタイトルになります。これらのトランジション効果はどのように作成されるのでしょうか。また、ReactRouter の代わりに内部ルーティングを使用してそれらを実装する最善の方法は何でしょうか。ただし、誰かが ReactRouter で動作させることができるのであれば、それを移植することもできます。利用可能なチュートリアルがいくつかありますが、別のプロジェクト ページに移動するのではなく、全画面モーダル コンポーネントと同様に、すべて同じペ...

P粉536532781 2023-09-15 22:09:37 0  1  987

Vuetify を使用してモバイル画面上で表を全幅に表示できますか?

Vue2 と Vuetify を使用して、小さな画面でテーブルの「縮小」を実現できますか?表をモバイル画面上で全幅のままにし、拡大できるようにする必要があるという課題があります。基本的に img のような動作を実現します。基本的には、v-data-table を使用して、この画像から 2 番目の画面を実装する必要があります。 「どちらも同じように悪い」としても、2 番目の解決策が必要です。 Vuetify 専用のソリューションはありますか?

P粉842215006 2023-08-30 20:56:28 0  1  646

メニューの背景 左右上下の隙間がない幅100%にしたい

メニューの背景色は全幅、24 インチ以下は全画面にする必要があります。見た目はこんな感じです。ホームページのURLも画像内に記載しております。以下は背景色を追加するための私の scss です。誰かが以下のコードを編集して、背景色が左右と上部に触れるようにしてください（上部に小さなギャップがあります）。 .header-main-wrapper{max-width:1720px;margin:0auto;background:# 1c2e52;@media#{$xs ,$sm,$md,$lg}{padding:16px0;試してみます

P粉245003607 2023-09-10 21:43:33 0  1  528

javascript - カルーセルJSで保存された変数でタイマーを呼び出す方法

{コード...} 理由は、最近全画面カルーセル機能を実装したいと思い、多くの情報をクエリし、多くの Web サイトのコードを参照したところ、ほとんどが難読化されたコードであることがわかりました。理解できなかったので、原始的で粗雑なカルーセル画像を自分で作成しました。js の基礎がしっかりしていないので、問題はたくさんあるでしょう。できればいいのですが...

女神的闺蜜爱上我 2017-07-05 11:08:40 0  1  1012

iPad でウェブサイト上のテキスト翻訳を停止するにはどうすればよいですか?

答えは単純に「ノー」だと確信していますが、とにかく聞いてください。私は教育分野で働いています。私の同僚は外国語教師で、CanvasLMS を使用しています。すべての生徒は 1 対 1 の iPad を持っています。生徒は、単語をハイライト表示して [翻訳] をクリックするとその単語を翻訳できることを知っており、これを利用して不正行為を行うことがよくあります。現時点での最善の解決策は、生徒が単語を強調表示できないように質問をテキスト画像として作成することですが、これは面倒で、テキストが画像の場合、別の画面ではテキストが適切に折り返されないため、ほとんどの教師はこの方法をあきらめています。 。一部...

P粉955063662 2023-09-14 20:59:13 0  1  673

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

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

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

Hugo Tikva テーマと Bootstrap-4 を使用した Web サイトのデザインと開発

Hugo フレームワークと Bootstrap を使用して会社の Web サイトを全面的に見直しています。 Web サイトの開発は私の専門ではないので、Hugo テーマ (Tikva) と Bootstrap を使用して Web サイトを思いどおりに見せる方法を理解する助けが必要です。 1993 年に初めて Web サイトを開発して以来、HTML と CSS のみを使用してきました。次に、画面サイズの調整、ブログ、サイト検索機能などの最新の機能を追加する必要があります。改訂されたページのコンテンツ、画像、メニューはすべて作成しました。私の現在の問題は、Bootstをインストールした後の理由を知...

P粉166675898 2023-09-11 08:49:48 0  1  541

html5 - 画像が変形しないように、背景画像を携帯電話の全画面表示 (コンテンツが比較的長く、スクロール バーがある) にするにはどうすればよいですか?

モバイル Web ページに背景画像が必要です。背景画像を変形せずに全画面表示するにはどうすればよいですか?今の設定だと背景が変形してしまいます！神様に聞いてください！

为情所困 2017-05-16 13:25:30 0  4  1142

React JSXでハンバーガーメニューをページ全体に合わせる方法

私は Reactjsx を初めて使用します。Tailwind を使用していますが、これは非常に優れています。私もやりながら勉強中です。それで、私のナビゲーションではハンバーガーメニューを表示することができますが、その表示方法が好きではありません。ページ全体が白で塗りつぶされていることを確認しようとしています。下の 2 番目の画像を参照してください。これは私が達成できたことですが、達成したいことはあまりきれいではないと思います、またはそのようなもので、サイト全体を白で塗りつぶし、オプションを表示してください。私の質問は、私のコードについてです。どうすればできるでしょうか。私がそれを実現しますか？...

P粉368878176 2023-08-31 14:31:09 0  1  574

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

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

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

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

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

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

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  653

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  622

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

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

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