html5 - レスポンシブ WEB、メディア クエリの問題。

{code...} これら 2 つのメディア クエリについて、デバイスの幅が正確に 768 ピクセルであるかどうか、どのメディア クエリがそれに適用できるのか、または 2 番目のメディア クエリは (x&gt;=768&&x<1200 ?? ?)。また、この2つのメディア取材に順番はあるのでしょうか？

漂亮男人 2017-07-03 11:41:25 0  1  1432

タイトルをメディアサイズの中央に配置するにはどうすればよいですか?

メディアサイズを通常のサイズで中央に配置したいのですが、最大幅を480に変更すると、ヘッダーが左側に表示されます。しかし、それは左に固執します。メディアのサイズを変更したときにタイトルが中央に来るようにコードを変更するにはどうすればよいですか? caption{font-family:"RockSalt",cursive;padding:20px;font-style:italic;caption-side:Top;color:#666;text-align:center;lett

P粉316110779 2024-02-26 10:05:23 0  1  420

javascript - jsを介してcssのメディアクエリを決定しようとしています。エラー

{code...} CSS のメディア クエリは js {code...} のように記述されていますが、今は機能しません。何が問題なのでしょうか?

習慣沉默 2017-07-05 10:38:16 0  3  821

SASS スタイルはメディアクエリよりも優先されます

メディアクエリを使用してデスクトップデバイスのスタイルをオーバーライドしようとしていますが、うまくいかないようです。 h2 要素に境界線の色を設定し、問題をよりわかりやすく視覚化するためにテストを実行しました。ご覧のとおり、h2 の境界線の色は黄色に設定されています。これが私のSASSスタイルです: .hero{width:100%;position:relative;background-color:$orange-color;background-image:url("../../../src/asse

P粉953231781 2024-04-05 15:03:00 0  1  3515

Parcel がメディア クエリを誤って書き換える

現在 Parcel2.8.3 と @parcel/transformer-sass2.8.3 を使用していますが、メディア クエリの書き換え方法にいくつか問題があります。 Parcel を使用した以前のプロジェクトでは、そのような問題は発生せず、すべてが順調でした。これは SASS ファイルです: h1{color:red;}@mediaonlyscreenand(max-width:40em){h1{color:blue;}} これは CSS 出力です: h1{color

P粉722521204 2023-08-30 16:22:21 0  1  558

「POST リクエストのメディア タイプはサポートされていません (415 エラー)」

エラー 415 (サポートされていないメディア タイプ) の原因を知っている人はいますか?ありがとうございました createArticleOld:async({commit,dispatch},data)=>{letadded=awaitdispatch('authorizedPostOld',{action:'article',data,headers:{'Content-Type':'application/json-patch+ json

P粉668019339 2023-08-25 12:30:41 0  1  514

Elementorモバイルメニューにソーシャルメディアアイコンを追加

WordPress の Elementor メニューにソーシャル メディア アイコンを追加するソリューションを探しています。何か案は？ハンバーガーのアイコンを使用してその上にポップアップを追加することもできますが、それは最後の手段です。

P粉521697419 2023-08-30 18:40:44 0  1  465

Admin API を使用して Shopware 6 でメディアを含む商品を作成するにはどうすればよいですか?

Shopware6AdminAPIPHPSDK を使用してメディアを含む製品を作成するにはどうすればよいですか? Shopware6 Management API PHPSDK 次のコード スニペットを使用して製品を作成する方法を知っています。 $productRepository->create(['id'=>Uuid::randomHex(),'name'=>'NewProduct','taxId'=>$product->taxId,'price'=>

P粉715228019 2024-01-07 23:53:43 0  1  467

複数のエンティティで同じエンティティ フィールドを使用するにはどうすればよいですか?

多くのエンティティに同じエンティティ フィールドを持たせる最善の方法は何ですか?たとえば、「関連エンティティ」は 8 つのテーブルに表示されます。 "ユーザー" の classUser{#[ORM\Column(length:255)]private?string$関連付けエンティティ=null;}classUser2{#[ORM\Column(length:255)]private?string$関連付けエンティティ=null;} AssociatedEnt

P粉674999420 2023-09-11 22:06:11 0  1  466

ボタンを追加しましたが、何らかの理由でメディア クエリが機能しません

何らかの理由でメディアクエリが機能しません。他のクラスでは正常に機能しますが、私が試したこのクラスでのみ問題が発生し、画面を削除するだけなどです。有効なものはありません constshowImageButton=document.getElementById("show-image-button");constmyImage=document.getElementById("my-image");showIma

P粉189606269 2024-03-20 11:05:21 0  1  463

「クラシック」CSS ルールを同じスタイルを含むメディア クエリとマージすることはできますか?

同じ要素に適用され、同じスタイルを含む 2 つのルールを組み合わせることができるかどうか疑問に思っていますが、ルールの 1 つがメディア クエリ内にあり、次のような結果が得られます: .a,.b.a{color:white;background- color: black;} ルールは次のとおりです。prefers-color-scheme に従って .content に色を適用し、入力がチェックされたら .content color: root{--dark-color:white;--da を変更します。

P粉129168206 2024-02-03 19:13:56 0  2  474

メディア クエリを使用しない 3 列のデスクトップから 1 列のモバイル レイアウトへ

ここにはいくつかの質問がありますが、私が探している問題を完全に解決するものではありません。ウェブサイトを持っていて、それをしたいとします。デスクトップではこれが必要です。これは簡単です。 Grid-template-columns: Duplicate (3,33%) (基本的に) ただし、モバイルでは単一の列に切り替わる前にこれが起こるようにしたいです。clamp()、minmax()、その他あらゆる種類のものを試しています。しかし、何も私が望むようには機能しません。はい、メディア クエリを完全に使用できますが、最新のメディア クエリを使用したいと考えています

P粉085689707 2023-12-23 14:03:05 0  1  529

javascript - 2 つの物体間の実際の距離は 30m ですが、1:100m の電子地図では距離は何ピクセルになるべきですか?

タイトルで述べたように、表示寿命では 30 メートル離れた 2 つのオブジェクトがあります。これら 2 つのオブジェクトが 1:100 メートルの地図上にマークされている場合、それらの間の距離は何ピクセルでなければなりませんか?

天蓬老师 2017-05-18 10:57:44 0  2  569

Laravel 9.x でポリモーフィックな関係を使用するのに問題があります

「Users」、「Chats」、「Buletins」、「Hartas」、「Owners」という名前の 5 つのテーブルがあります。これらすべてのテーブルは、Mediaables というピボット テーブルを介して、Medias という別のテーブルと多対多の関係を持っています。 5 つのテーブルすべてが同じ Mediaables テーブルを使用して Medias テーブルとのリレーションシップを保存するため、ポリモーフィック リレーションシップを使用する必要があります。このトピックでは、それぞれのモデル ファイルで定義されているアナウンス、メディア、およびメディアのポリモーフィックな関係を共有しま...

P粉366946380 2023-09-10 13:33:41 0  1  495

メディアクエリによりテキストが圧縮される

そこで私は現在、友人がスタートアップ企業で使用するウェブサイトを構築するのを手伝っています。 「会社概要」セクションで問題が発生しました。コンピューターでは画像なので、Flexbox を使用して画像の横にテキストを追加します。ただし、モバイルでは、テキストは画像の下にある必要があります。ただし、現在テキストは画面の半分を占めており、画像の上に収まるように押しつぶされています。いろいろ試してみましたがわかりません。何らかの助けが得られることを願っています。いろいろ試してみましたがわかりません。何らかの助けが得られることを願っています。

P粉978551081 2024-03-20 11:44:46 0  1  424

Pinia の継承/共有操作とゲッター

アクションとゲッターのセットを共有することになっているいくつかの Pinia ストアがありますが、これを効率的に実装する方法がよくわかりません。ユーザーがさまざまなメディア (書籍、映画、テレビ番組など) を管理できるようにするアプリケーションを構築しています。今考えているのは、BookStore、MovieStoreなどのメディアタイプごとにストアを作ることです。多くのゲッターと操作 (count や deleteOne など) は、これらの異なるストア間でまったく同じです。ここで DRY を実装するにはどうすればよいでしょうか? Pinia ドキュメントの例

P粉662614213 2023-12-22 13:50:12 0  2  512

JavaScript - js はカスタム メディア プレーヤーを実装します

{コード...} 教えてください。なぜここで、duration.innerHTML = player.duration を設定する必要があるのですか? 設定しなくても機能するのではないでしょうか?

阿神 2017-05-19 10:28:03 0  1  549

PWA を使用してソーシャル メディアで画像を共有する

私のNuxtPWAには、このパッケージを使用してHTMLをCanvasに変換する機能があります。生成されたイメージは 16 進形式です。次に、Whatsapp、Facebook、電子メール、Instagram などを介して画像を共有できるようにしたいと考えています。いくつかのパッケージを見つけましたが、ファイルの URL とテキストだけの共有をサポートしているものはないようです。これは私の共有関数です: shareTicket(index){html2canvas(this.$refs['ticket-'+ind

P粉300541798 2024-01-28 22:02:28 0  2  469

JavaScript - モバイル アダプティブ

現在、会社のモバイル公式サイトを制作しています。レムレイアウトを使用しています。PSDは750で、iPhone 6標準に従って作成されています。しかし、他のデバイスに切り替えるとハングしてしまいます。これをどのように調整する必要がありますか?メディアクエリを使用しますか? これは大幅に変更する必要があると感じています。

滿天的星座 2017-07-05 10:53:23 0  7  1086

メディアサイズに基づいてビデオ表示を自動的に調整します

Web ページで背景ビデオを実行することを計画しており、モバイルとデスクトップ用に異なるビデオ ファイルがあります。 I<videoautoplayloopmutedplaysinline><sourcesrc="desktop.mp4"type="video/mp4"><sourcesrc="desktop.webm"type="video/we

P粉807239416 2023-08-25 10:29:52 0  1  524