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

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

日本語

人気の検索：
PHP
MySQL
jquery
HTML
CSS

ページが全画面表示でないときの説明のない右マージン - Nuxt/Tailwinds

Nuxt、Vue3、TailwindCSSを使用して簡単な履歴書ページを作成しようとしています。ブラウザを全画面表示にすると、すべてが正常に表示され、すべてが正常に動作します。ただし、全画面以外のものを表示すると、アプリのメイン部分のページの右側が理由もなく空白になります。 (ひどいデザインは無視してください。まだ作業中です) 以下に示すように、要素の右側には余白がありますが、本来はそうではなく、計算されたレイアウトにも表示されません。カスタム CSS は追加しなかったので、Tailwind が提供するデフォルトのクラスを使用しました。

P粉710478990 2023-09-01 00:05:46

画面サイズに合わせたボタンの作り方～背景画像の使い方を詳しく解説

私は、複数のグラフィックスを並べて表示し、デバイスの画面サイズに適応させる必要がある pfsensecaptiveportal を開発しています。これは、画像入力タイプを使用するとうまく実現できます。ただし、pfsense デバイスはこのコミットを正しく認識しません。機能するには、コミットタイプの値が「Continue」である必要があります。代わりに背景画像を使用しようとしましたが、背景画像が拡大縮小されません。画面が小さくなると、フルサイズで表示され、トリミングされて表示されます。背景画像のサイズを変更できるようにするにはどうすればよいですか? #コンテンツ{フォントファム

P粉345302753 2023-08-16 13:38:12

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

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

P粉549412038 2024-03-19 21:10:42

javascript - weex-H5 IOS8.4 との互換性が低い

このウェブサイトは古いバージョンの WEEX 構文を使用して開発されました。現在は WeChat で使用されています。お客様から、ウェブページにチェックインできない、または一部のアイコンが表示されないという報告がよくあります。後から、IOS バージョンが低いほど悪くなることがわかりました。互換性、特に IOS8 についてお聞きしたいのですが、これは IOS と WeChat のバージョンに欠陥があるのでしょうか? weexがこれに対処できる方法はありますか...

PHP中文网 2017-05-19 10:09:43

CSS 行クラスにより、一部の要素がフレーム外になりますが、要素は静的で表示の下部に固定される必要があります。

現在の私のページはこんな感じです。 2 つの要素が隣り合うように行クラスを追加すると、下部のナビゲーションバーがスクロールする必要がある位置まで押し下げられます。ここでは、行要素のない別のページが表示されます。ナビゲーションリンクがディスプレイの下部に完全に固定されています (植物と部屋のナビゲーション要素はリマインダータブ (画像 1) に表示されるべきではないため、この要素は無視してください (画像 2)。ページはスクロール可能で、ナビゲーションバーが正しい位置に保たれますが、要素のアウトラインが正しくありません。すべての緑色のボックス表示は、編集ボタンと削除ボタンとともに重ねて表示...

P粉156415696 2024-04-03 18:48:12

ウィンドウが短すぎると、Flexbox アイテムがコンテナからオーバーフローし、サイドバーが下部の位置合わせを維持できなくなります。

ヘッダー、2x2 コンテンツグリッド、サイドバーで構成される単純なフレックスレイアウトを使用しようとしています。ウィンドウの幅が一定のサイズより小さい場合、サイドバーは画面の下部に移動する必要があります。現在、そのサイズに達すると、ウィンドウの高さを小さくしすぎると、グリッドのコンテンツがヘッダーの上に重なってしまいますが、なぜこれが起こるのかはわかりません。画面のサイズはビューの高さだけである必要がありますが、サイドバーを移動すると拡大します。 @media(最大幅:960px){.メイン画面{高さ:100vh

P粉226642568 2024-03-31 00:03:58

2 つの接触フィールドの相互作用能力を強化するにはどうすればよいですか?

2 つのフィールド (「CallUs」と「OurEmail」) を中央に配置し、同時に応答可能にする必要があります。小さな画面に重ねて表示する必要があります。図のように大きな画面に正しく配置するためのインライン CSS がありますが、小さな画面では正しくスタックされません。コードを挿入する CSS ファイルが見つからないため、インライン CSS を使用しています。インライン CSS を使用してこれを修正することはできますか?可能であれば、これら 2 つのフィールドを大きくするためのインライン CSS を以下に示します。

P粉725827686 2023-08-14 21:20:22

Safari の MediaStream がリソースを正しく解放できない

AudioWorkletNode メソッドを使用して録音していますが、すべてのブラウザで正常に録音されているようです。録音中、録音アイコンがタブに表示され、録音が終了すると消えます。ただし、Safari では、マイクアイコンの代わりに、小さなスピーカーアイコン (通常、タブが音を発していることを示します) がタブに表示されます。だから私は何かを閉じないかもしれないと思います。録画が完了したら、次の操作を実行します。 //stream は MediaStream タイプ if(stream)stream.getTr

P粉106715703 2023-08-30 17:23:15

React.js CSS ウィンドウの幅

Reactを使用してレスポンシブWebサイトを開発しています。スタイル設定には CSS スタイルシートを使用します。応答部分は @media クエリを使用して CSS で実装されます。問題は、Chrome を使用すると要素が大きく表示され、レイアウトが小さな画面 (タブレット) からサイトにアクセスしているように見えることです。私の理解では、Chrome はビューポートが小さいと「考え」、メディアクエリに適切な情報で応答します。この問題は、一定期間正常に動作した後、開発中に発生しました。何が間違っているのでしょうか?どうすれば修正できますか?注: Firefox で Web サイトを開く場合

P粉396248578 2024-03-31 16:31:23

CSS: サイズが等しくない子を持つ要素を垂直方向の中央に配置しようとしています

皆さん、こんにちは。これが私が現在持っているものの写真です。3行3列のグリッドがあり（各列は最小限のコンテンツです）、各セルの中央に要素を配置しています。見た目は良いですが、ヘッダーが大きくなると、スイッチとカテゴリの間のスペースが大きくなりすぎます。今、div コンテナー内に中央の行を作成して flex を使用しようとしましたが、要素が中央に配置されません。カテゴリのサイズが別のカテゴリのサイズよりも大きくなります。また、カテゴリを同じサイズにしようとしましたが、コンポーネント全体をページ上のどこか中央に配置すると、小さいカテゴリの空白のせいで右に寄りすぎてしまいます。そのスペースを小さくす...

P粉476046165 2024-02-26 18:39:24

私のウェブサイトはデスクトップでは正常に表示されますが、モバイル画面では表示されません

私は HTML/CSS を使用して個人の Web サイトをデザインしています。ただし、テキストは携帯電話に合わせて拡大縮小されません。下の写真を参照してください。 Web サイトはデスクトップでは見栄えがしますが、モバイルデバイスではうまく表示されません。 Google ドライブの埋め込みが携帯電話の画面に収まりません。私の携帯電話には GGDPPDF が埋め込まれていると表示されます。この問題を解決するにはどうすればよいですか?どうもありがとう。これが私のコードです: HTML<!DOCTYPEhtml><html><head><title>...

P粉827121558 2024-03-30 15:09:41

ウィンドウのサイズを変更するときにスムーズな遷移マージンの割合を実現する方法

要素の周囲にパーセンテージのマージンを、ビューポートが小さい場合はビューポート幅の 5%、ビューポートが大きい場合はビューポート幅の 15% に設定したいと考えています。メディアクエリを使用して、次のようにマージンの数値を切り替えることができます: .element{margin:5%;}@media(min-width:800px){.element{margin:15%;}} ただし、ウィンドウサイズが変更されると、パーセンテージは、ある値から別の値に突然変化するのではなく、スムーズに変化します。次のようなものがうまくいくかもしれないと思います: @m

P粉155832941 2023-09-12 18:47:54

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

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

P粉184747536 2024-03-26 21:34:28

HTML プログラム内のテキストを水平かつ中央に表示できないのはなぜですか?

現在、独自の Snake ゲームをコーディングしようとしているのですが、タイトルと実際のゲーム画像を Web サイトの中央に配置したいと考えています。ゲームを再起動するためにボタンを挿入しようとした後、すべてが故障しました。すべての変更を元に戻そうとしても、テキストを中央に配置することができないようです。さらに、gameOverMessage 1) はまったく隠されておらず、2) JavaScript で適用したスタイルの変更はまったく適用されていません。私は完全な初心者なので、アドバイスをいただければ幸いです。関連するすべての要素を使用した CSS スクリプトは次のとおりです: #snake...

P粉974462439 2023-08-15 12:00:42

Tab キーを使用してページ上の HTML 要素を移動します

Tab キーを使用している HTML ページで、Tab キーを使用してスクロールできません。これは、「テーブルを更新できません」ポップアップが開いたときにタブを参照しようとしているページの写真です。それをクリックしてタブを押しました。初めてタブを押すと、フォーカスが画像内の矢印要素に移動します。しかし、次にタブを押すと、要素 Page3 に移動します。上矢印アイコンは HTML で選択されている <i タグで、次の <i タグは x ボタンです。何らかの理由で、2 番目の <i タグがスキップされ、タブキーが 2 回目に表示されたときに x ボタンに移動しません。これはそう...

P粉106301763 2024-02-03 21:30:59

JavaScript - トランスフォームでスクロール効果を作成するのに 2 つの要素が必要な理由

他の人の記事を読んだのですが、小さなボールの放物線効果を実現するために 2 つのアニメーションを実行するには、1 つの要素 <div class="ball"></div> を記述するだけでなく、2 つの要素のレイヤーを使用する必要がある理由を読みました。 ? 次に、transform を使用してそれを実行します x 軸と y 軸の変更、このように書いても効果がないことがわかりました。しかし、なぜ？これ...

滿天的星座 2017-05-19 10:18:02

CSS セレクターを使用して、特定の属性またはタグを含む div 要素をターゲットにする方法は?

私はウェブサイトを生成する POS システムに取り組んでいます。コードのほとんどは独自仕様なので、あまり編集できません。いくつかの画像がカテゴリーとしてフローティングされたカテゴリーの出力リストがあります。ホームページにリストされている最初の 3 つを非表示にしたいと考えています。 div:nth-child(1) を使用して、含まれる div を配置しようとしましたが、これは機能しますが、各子ページもそれらを非表示にします。残念ながら、ホームページ以外のすべてのページでは、本文とメイン div にクラスが追加されるだけなので、カテゴリ ID やスタイル、またはページごとにクラスを追加すること...

P粉493313067 2024-04-03 22:25:59

Vueアプリケーションで謎の白い部分を削除するにはどうすればよいですか?

vue3を使用してWebサイトを構築し、その背景画像を設定しようとしています。しかし、除去できない謎の白い部分があります。すべてのマージンとパディングを0に設定し、すべてのml、plクラスを削除したため、マージンやパディングではないと確信しています。アプリケーションコンポーネントの黒の背景色を黒に設定しましたが、領域は白のままです。 Chrome の検査ツールでは、これは HTML 要素であると表示されます。助けてください。 (バックグループ画像を Login.vue のスタイルセクションに配置しました。) ブラウザ検査ツールからの情報: 殺虫剤を使用する

P粉738821035 2023-09-11 21:04:01

ウェブサイトアップロード後にブラウザが認識しない問題について

皆さんこんにちは、サーバーを始めたばかりで分からない事が多いのですが、アドバイスを頂ければ幸いです、よろしくお願いします。ローカルホストで360ブラウザを使用して自分のWebページをローカルに作成し、それは正常でした（これがコードを書くための条件です）が、Alibaba Cloudのecsを購入してアップロードしたため、ドメインに入るのが待ちきれませんでした結果を見たときはパニックのあまり顔面蒼白になり（子供の頃に困ったときのように）、スタイルもガラリと変わり、icoアイコンも変わりました。が表示されず、マウスを右クリックしてもレビュー要素が選択できませんでした。F12、IE ブラウザのものが...

缺一个女朋友 2017-11-24 22:09:26

要素が画面上にある場合でも、要素が表示される前に「waitForSelector」がタイムアウトします。

チェックアウトボットを構築していますが、ボットにクリックするよう指示した要素が画面上に表示されるにもかかわらず、ボットがクリックしない、愚かな「テキストメッセージを受信するには電話番号を入力してください」というポップアップに問題が発生しています。その上で。これは JavaScript を使用する私の最初のプロジェクトであり、何をしているのかまったくわかりません。現在、進めながら多くのことを学んでいますが、ここで本当に行き詰まっており、何が間違っているのか見つけることができません。 asyncfunctionregectingnumber(page){try{console.log(&...

P粉761718546 2024-04-04 18:31:08