media-queries

0熱

1答えて

私は、ユーザーが電話やデスクトップを使用しているかどうかを検出するためのさまざまなメディアクエリを見てきました。しかし現在、多くのデバイスでは、解像度、比率、その他多くのものが、ハイエンドデバイス（S8など）、ラップトップ、ローエンドの電話機の間に重なっています。私の質問は、それを使用するには、メディアクエリーが最善であるか、私にはJavaScript で多分異なるアプローチを取る必要があり、私

1熱

2答えて

CSS - メディアクエリ - 要素がスタッキング/フローティングに正しく設定されていない

タブレットサイズの画面のメディアクエリを設定しています。ナビゲーションバー、ヘッダーロゴ、および上部のセクションは適切にスタックしたくないようです。私がセクションの見出しを失っているnavの位置を修正した場合、またはnav位置をstaticとして配置した場合、nav barはその背後に隠そうとしています。またはこの - - それはすべてが480PXで罰金スタックとそうではない以下の私は680p

0熱

2答えて

最後に印刷されたページの最後の要素が異なる

私は要素のリスト（任意の長さ）を持っています。しかし、ユーザーが印刷しているときは、すべてのページの最後の要素のスタイルを変更したい。これまでのところ、私は@page {.el:last-child...}を使ってみましたが、何もしません。単にel:last-childを使用すると、最後のページの最後の子にスタイリングが適用されます。何か助けていただければ幸いです。私は、次のようなHTMLが

-2熱

2答えて

レスポンスHTMLでdivを削除または非表示にする方法

デスクトップ版では4つの写真がインライン（4つのdivを含む）で表示されるコンテナが1つありますが、タブレットに3枚の写真をインラインで表示したいのでモバイル版ではバージョンと写真が2枚。メディアクエリでそのdiv（画像）を削除したり、何らかの形で非表示にすることはできますか？または、最初のモバイル開発から始める場合、その写真を追加する方法。ありがとうございます。

0熱

2答えて

画面のサイズを変更したときにdivを作成する

HTMLだけで画面のサイズを変更し、media queriesのdivを作成することはできますか？たとえば、ここに私が達成しようとしています何の視覚的である：問題は私の構成では、私は1つの親のdivにロゴのdivとナビゲーションの両方を持っているということですが、スクリーンここで私は、ナビゲーションのdivは（異なるスタイルを持つ）別のエンティティになりたい、リサイズされた私の現在のdiv構

0熱

1答えて

Sassで@support @mediaを一緒に使うには？

どちらのステートメントは、SASS @supports (display: -ms-grid) { @media screen and (min-width: $breakpoint-sm) { display: block; } } または @media screen and (min-width: $breakpoint-sm) { @suppor

1熱

1答えて

メディアクエリでリアクションレンダリングを停止する方法

要素を表示するかどうかをメディアクエリを含む既存のCSSがあります（したがって、考慮する必要があります）。 CSSは期待通りに動作しますが、Reactは、メディアクエリによって要素が再レンダリングされないようにしてもDOMを再レンダリングして再構成するという問題があります。反応しないように指示する手段はありますか？ Reactでメディアクエリーを検出し、メディアクエリーがそうでないと表示しない方

0熱

1答えて

要素が表示されているかどうかを確認できるのはなぜmatchMediaを使うのですか？

私はmatchMediaはIE9ではサポートされていませんが、メディアクエリはサポートされていると思います。私はここでのポイントを逃していますが、単にあなたのスタイルシートに .desktop_view{display:block;} .mobile_view{display:none;} @media all and (max-width: 700px){ .desktop_

0熱

1答えて

メディアクエリの問題の順序が間違っていますか？

私は16のメディアクエリーか何かを持っていて、私はすべてのメディアクエリーのポートレートを1つの異なる色に置くと、別のメディアクエリーの下に落ちていることに気付きました。 @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio

0熱

1答えて

ブートストラップカラムを使用している間に、さまざまなメディアクエリのセクション間のギャップを固定

私はAngularJSでWeb開発を練習しています。私は私のapp.jsで、これは bootstrapColumnMdWidth: "6", itemList: [ "Item 1", "Item 2", "Item 3", "Item 4", "Item 5", "Item 6",