media-queries

0熱

2答えて

私は画像の行をウィンドウの幅に応じて作る方法を考えています。これまでのところ私が持っている： <div class="image-slider"> <div><img src="/img1.jpg"></div> <div><img src="/img2.jpg"></div> <div><img src="/img3.jpg"></div> <div><i

-1熱

2答えて

divの下のメディアクエリは絶対divですか？

私は絶対位置のdivを2つ持っています。私がしなければならない何を私のdivの .left-block { position: absolute; left: 0px; top: 84px; background-color: #ffdc3a; width: 53.95833333333333%; height: 100vh; }.

-2熱

1答えて

Cssのみまたはjquery - 携帯端末でnavbarを非表示にするにはどうすればよいですか？

私はnavadをipadよりも大きいデバイスと小さなデバイスで異なるスタイルのnavbarで表示したいと考えています。隠された/可視：のみ視認性を使用して、より小さなデバイス @media (max-width: 768px) { nav { display:none; } } ）CSSのなし可視 @media (min-width: 768px) {

0熱

1答えて

埋め込まれたビデオを収縮したブラウザで反応的にする方法

埋め込みビデオは、フルサイズのブラウザで好きなようにしていますが、小さなサイズのブラウザやそれ以下に収縮すると、応答性に富むようになるので、ブラウザの中央にとどまります。私はそれのすぐ隣にあるテキストのためにブートストラップのグリッドシステムを使用しています。ブラウザのサイズが中程度以下になると、ビデオの下にビデオを重ねることができます。メディアサイズのブラウザではメディアクエリを中心にビデオを

0熱

1答えて

すべての画面サイズをオーバーライドするデスクトップメディアクエリ

私はメディアクエリに対するモバイルの最初のアプローチを実装しています。私はタブレットとデスクトップのために37.5emと50emでmin-widthのメディアクエリを設定しました。私は、プロジェクトのセクションをモバイル用の列として、デスクトップ用の列として表示したいと考えています。私のデスクトップメディアのクエリは他のすべてのものを乗り越えているようだ。 HTML： <section id="

0熱

2答えて

継承された@mediaクエリを上書きする

私は自分の店をCSSでスタイリングしています。私は "プレゼンテーション"を使用していた私はWordpressでプラグインを使用しています。私は自分のCSSをスタイリングしています。プラグインには組み込みのCSSがあります。しかし、組み込みのcssには、私のサイトのものとは異なる@mediaのクエリもあります。プラグインの@mediaクエリを無効にする/無効にするにはどうすればいいですか？プラ

1熱

1答えて

Sass - media queries

私は最近、お尻を学び始めました。メディアクエリに問題があります。一部のクラスは動作し、他のクラスはトグルクラスのように動作しません。 Here is the code I'm working on body { font-family: sans-serif; } nav { width: 100%; background: #00316b; } nav u

-2熱

1答えて

コンテナの残りのスペースを占めるCSSの正方形を作成します。

コンテナの残りのサイズを占める正方形のdivを作成します。私はCSSでこれをどうやって行うことができますか？具体： DIVを行う1を有する：（正方形別名）1のアスペクト比をは少ないスペースを有する寸法に&高さ= div要素の幅作りますここで、それは明らかに絵だ：注：私はpadding-bottom: 100%;とコンテナコンポーネントを使用して答え&方法を知っています。これは＃2で失敗

-1熱

3答えて

全部ではなく、1つのサムネイルを非表示にする必要があります

サムネイルが5つあり、そのうち1つをモバイルデバイスに表示しないようにしたいと思います。 cssのメディアクエリを使用して1つのサムネイルを隠すことは可能ですか？ありがとうございました！

0熱

2答えて

メディアクエリで定義されているフォントの色が効果を持たないのはなぜですか？

メディアクエリで定義されているフォントの色が効果を持たないのはなぜですか？例、 @media (min-width: 576px){ html { color: red !important; font-size: 1.2rem; } } フォントサイズは効果がありますが重要ではありません！これはuが動作するように、親の色を作るrの場合、それが自