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

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

P粉725827686 2023-08-14 21:20:22 0  1  577

空きスペースが増え続けていますが、その理由がわかりません

質問の画像: 質問の画像 前の画像を見ると、そこに大きな空きスペースがあることがわかります。通常のディスプレイ (約 1200 ピクセル) を使用している場合は、すべて問題ありません。ただし、幅を縮小すると、常に空きスペースが増加しますが、なぜこれが発生するのかわかりません。正常に表示されている画面の画像: 正常に表示されている画面の画像 コードがわかりやすく書けるように、HTMLとCSSのコードの一部をアップロードします。 .about-me{マージントップ:10px;最大幅:100%;最大高さ:10

P粉729518806 2023-08-14 19:03:11 0  1  564

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

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

P粉226642568 2024-03-31 00:03:58 0  1  494

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

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

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

Cookie のアクセス許可により iframe エラーが発生する

現在、Web ページで単純な iframe を使用し、ブートストラップを使用して小さな画面 (= yout ubeShort) と大きな画面 (= 通常の横長ビデオ) に適応させています。<divclass="containerd-noned-md-block" style="max -width:1000px;height:30%;"><iframewidth="1000"

P粉447002127 2024-01-21 16:00:06 0  1  646

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

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

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

CSSグリッドを使用して画像を配置するにはどうすればよいですか?

CSSグリッドを使用してWebサイトの一部を構築しようとしています。リストと画像を同じ行に維持し、画面サイズが変更されたときに縮小/拡大するようにしようとしています。コードは以下に貼り付けられます。ご協力をよろしくお願いいたします。エラーがグリッド テンプレート内にあるのかどうか疑問に思っています。 .pm{表示:インライングリッド;最大幅:100%;位置:相対;マージン:自動;グリッドテンプレートエリア:"タイトルタイトル"

P粉463824410 2024-04-01 22:08:31 0  1  480

画面上の CSS センター ポップアップ。コンピューターやタブレットでは機能しますが、携帯電話では機能しません

CSS を使用して、画面中央にヘルプ ポップアップを表示してみてください。私のコンピュータと iPad では問題なく動作しますが、iPhone ではポップアップがスクロール可能な垂直方向のスペース全体の垂直方向の中央に配置されるため、表示するために時々上下にスクロールする必要があります。呼び出されたときに、現在表示されている画面の中央に配置したいと考えています。 (ページの高さは静的ではないことに注意してください。つまり、ユーザーのアクティビティに基づいて伸びたり縮んだりします)。関連する CSS は次のとおりです: .helpcontent{position:fixed;top:50%;le...

P粉662802882 2024-03-28 20:02:46 0  1  384

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

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

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

P粉345302753 2023-08-16 13:38:12 0  1  634

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

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

P粉710478990 2023-09-01 00:05:46 0  1  575

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

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

React.js CSS ウィンドウの幅

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

P粉396248578 2024-03-31 16:31:23 0  1  525

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

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

P粉184747536 2024-03-26 21:34:28 0  1  466

コンテンツを中央に配置し、画像リンクをクリックできるようにするのにサポートが必要です

基本的に、画像とタイトルを画面の中央に配置する必要がありますが、画像をクリックしてリンクを開くことも必要です。これを行うための正しいコードがあると信じていますが、これら 2 つの問題がまだ発生しています。画像のサイズも2種類あるので、それも難しいです。赤い錠剤を小さくし、青い錠剤を（元のサイズと比較して）大きくしてみました。他の 3 つの画像の背景キーフレームについては心配しないでください。タイトルと赤と青の錠剤の画像を中央に配置するのに助けが必要です。オンラインコードを使用してみましたが、同じエラーが発生しました。画像のサイズをさまざまなサイズに変更してみました、試してみました

P粉794851975 2023-09-13 12:12:49 0  1  669

max-content CSS グリッド列の最小幅と固定幅

CSS グリッドがあり、その列幅を列内の最大項目の幅または 100 ピクセルのいずれか小さい方にしたいと考えています。 minmax(max-content,100px) が機能するかもしれないと思いましたが、そうではありません。以下の例では、狭い列は max-content (ただし 100px)、広い列は 100px (ただし max-content) である必要があります。 CSSグリッドを使用してこれを行うことは可能ですか? .table{ディスプレイ:グリッド;ギャップ:4px;グリッド テンプレート

P粉245003607 2023-09-06 11:26:46 0  1  513

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

エクスポート可能な関数を備えた Vue コンポーネントを作成する方法

エクスポート可能な関数を使用してコンポーネントを作成する方法を理解しようとしています。例: このコンポーネントからインポートされた showMessage() メソッドが他のコンポーネントで呼び出されたときに画面に表示されるメッセージ ボックスを作成したいと考えています。メッセージボックスコンポーネントにはロジックとテンプレートを記述したいと思います。これを達成するにはどうすればよいでしょうか?これに関するドキュメントや記事があれば、大変感謝いたします。

P粉458725040 2023-09-11 20:34:15 0  1  609

埋め込みターゲティング

現在、埋め込みコンテンツを画像と画面の中央の間に配置しようとしています。これを達成するために、https://rss.app/ を利用して Google ニュースの NBA 部分をウェブサイトに埋め込みました。 CSSファイルが必要な場合はお気軽にお問い合わせください。しばらくこの問題に悩んでいたので、何か助けていただければ幸いです。 <htmllang="en"><head><metacharset="UTF-8">&l

P粉709644700 2023-09-15 00:14:35 0  1  654

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

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

P粉827121558 2024-03-30 15:09:41 0  1  517