レスポンシブなドロップダウン メニューを作成する方法

ハンバーガー メニューのアイコンが右側、画像が左側にある必要があります。メニューをクリックして開くと、ロゴhomeAboutusgallerycontactが含まれるドロップダウンメニューが展開されます。 <divclass="rectangle1"><ulclass="dropdown"><liclass="li1"><ahref="

P粉521013123 2023-09-04 15:47:42 0  2  668

レコードをコレクションに渡して、Lightning Web コンポーネントに表示できますか?

営業担当者の記録をタイムラインの概念で視覚化する Lightning Web コンポーネントを作成しています。 Salesforce から最近リリースされた API を使用して、タイムライン コンポーネント、スタイルなどを正常に作成し、データを取得しました。詳細については、以下のリンクを記載しました。 JavaScript についてはかなり初心者なので、重大な間違いがあった場合はご容赦ください。 https://developer.salesforce.com/docs/component-library/documentati

P粉811349112 2024-02-21 11:53:49 0  1  383

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

私はフロントエンドを初めて使用するため、レイアウトと応答性にいくつかの問題を抱えています。これはこれまでの私のコードです: 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 0  1  566

ReactJS 設計ロードマップのタイムライン

ということで、やりたいデザインはありました。基本的には、ページの左下隅から右上隅に向かうタイムラインです。さらに、行の間にいくつかの div 要素を配置する必要があります。また、反応性も良くしたいです。具体的には長さは短くなりますが、それでもラインは上向きに目立つようにしたいと考えています。 ReactJS と TailwindCSS を使用してこれを実現する方法について何か提案はありますか?私がインターネットで見つけた例は、オンラインの水平方向と垂直方向のタイムライン スタイルです。曲がったタイムラインの例はありません

P粉563446579 2024-03-29 11:31:47 0  1  454

JavaScript - 360 Google カーネル ブラウザ開発者向けオプションのタイムラインが使用できないのはなぜですか? 黒い丸をクリックしました

なぜ？ 、360ブラウザはめまいがします。

扔个三星炸死你 2017-07-05 10:52:42 0  2  1164

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

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

習慣沉默 2017-05-16 13:20:57 0  3  766

ノード - mongodb データベース設計 mongoose スキーマ

取引シナリオでの注文テーブルの設計: 4 つの商品があるとします。各商品の注文データには、注文番号、注文所有者、注文タイプ、注文ステータス、注文追跡タイムライン、取引時の異なる商品などの同じ部分が含まれている必要があります。オーダーにも独自の特別なデータがあります。異なる製品であっても...

扔个三星炸死你 2017-06-16 09:19:06 0  3  1114

JavaScript が期待どおりに実行されない

htmlcssjs をレスポンシブにしようとしていますが、期待どおりに動作しません。最小化するとすでにレスポンシブになりますが、onclick では動作しません。ナビゲーションとナビゲーション バーが表示されず、クリックしても消えます。 htmlとcssは機能していますが、jsは何が間違っているかわかりません誰かが私を助けてくれますか？ letmenu=document.querySelector('#menu-icon');letnavbar=document.querySelector('.navbar');

P粉005134685 2024-04-04 13:05:32 0  1  489

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 0  1  621

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 0  1  650

Flex に埋め込まれたレスポンシブ YouTube

レスポンシブ YouTube やその他のコンテンツを Flex コンテナに埋め込もうとしましたが、YouTube の埋め込みが含まれるコンテナが拡張されないため、他の要素と重なっているか、他の要素と重なっています。うまく説明できたかどうかわからないので、デモ用のコードとボックスも作成しました: https://codesandbox.io/s/objective-mountain-m4dhhb?file=/src/App.jsimport{Box,Paper }「@mui/mat から」

P粉111641966 2024-03-21 23:20:29 0  1  403

css - 現在、各ブラウザの市場シェアはどれくらいですか?

1. ie6、ie7、ie8などを使用している人は多いですか？ ? 2. フロントエンド Web ページのテンプレートを作成するときに考慮する必要がある主要なブラウザはどれですか? 3. レスポンシブ Web サイト テンプレートを直接作成する必要がありますか?サポートされていないものについては、ブラウザをアップグレードするよう彼に通知するだけでよいでしょうか?

我想大声告诉你 2017-07-03 11:42:41 0  2  1067

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

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

P粉739706089 2023-08-16 14:35:27 0  1  511

form/div タグにテーブルを動的に追加する

動的に作成されたテーブルは div タグの外側に表示されます。レスポンシブな登録フォームを作成しています。入力フィールドは、ユーザーが指定したテーブルに必要な行数を取得し、固定数の列を持つ必要な数の行を作成します。テーブルを作成しましたが、希望する場所に表示されません。アドバイスをお願いします。また、最初の行、つまりタイトル (th) のラベルの問題にも役立ちます。 functioncreateFamTable(){varrows=document.getElementById("family-rows")。

P粉127901279 2023-09-13 23:18:44 0  1  757

私の履歴書のタイトル

1. PHP オブジェクト指向プログラミングに習熟し、PSR4 仕様に厳密に従い、良好なコーディング習慣を持っていること 2. 一般的な PHP 設計パターン (シングル ケース モード、ファクトリ パターンなど) に習熟していること 3. TP フレームワークと TP フレームワークの使用に習熟していることLaravel などの主流フレームワークを理解している 4. Linux、開発環境、テスト環境、共通サービスの設定に習熟している 5. HTML5/CSS3、レスポンシブ レイアウト用の BootStrap、および Flex+Rem エラスティック レイアウトの使用に習熟している 6. フ...

啦啦啦啦啦 2022-07-20 16:22:34 0  0  1073

JavaScript - 携帯電話で別のページを開くと解像度が異なる

私は初心者で、フレームワークを使用せずにレスポンシブWebページを自分で作成しようとしています。しかし、携帯電話には非常に厄介な問題が発生しています。 2 つの Web ページを開くと、2 つの解像度になります。 それらは、ホームページ、登録ページです。登録ページにはホームページと同じナビゲーション部分とフッター部分があるので、まず登録ページのhtml内で引用します...

PHP中文网 2017-05-16 13:21:30 0  1  714

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

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

P粉529245050 2023-08-21 21:50:42 0  2  611

React.js CSS ウィンドウの幅

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

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

レスポンシブ画像とテキスト 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 0  1  553

Web サイトがさまざまな画面サイズで完璧に表示されるようにするにはどうすればよいですか?

私は TailwindCSS を理解しようとしており、現在レスポンシブな従業員カードを作成しようとしています。しかし、私が最近抱えている問題は、Tailwind のすべてのブレークポイントでカードが応答するが、高さが 900 の場合のみであることです。高さを増やすと常に下部のスペースが増え、ウィンドウの高さを縮小するとコンテンツがオーバーフローします。すべての高さと幅に適合させるにはどうすればよいですか? [高さが 900 で、Tailwind ブレークポイントの幅以内の場合にのみ完全に動作します] ライブ プレビューは次のとおりです GithubRepo-Code コードは次のとおりです -...

P粉006540600 2023-08-27 08:55:57 0  2  631