media-queries

3熱

2答えて

などを、私は、フロントページの見出しの下に再生したビデオでウェブサイトを持っているビデオはかなり大きく、私は携帯電話のブラウザから削除するメディアクエリを使用していますそれは私が欲しいと同じように、細かい表示。しかし、単に表示するように設定すると、none：まだバックグラウンドでバッファリングされますか？だから、電話のユーザーは、全く理由がないため、読み込み時間が遅くなります。そうであれば、ど

-1熱

1答えて

メディアクエリーをHTMLに含めるための好ましい方法は何ですか？

レスポンシブウェブデザインを念頭に置いてあなたのHTMLにCSSスタイルシートを含めるのが好ましい方法が何であるか疑問に思っていました。私が知る限り、複数のメディアクエリを含むCSSファイルを1つ使用する方法と、複数の別々のCSSファイルを使用して<link>タグのmedia属性に基づいて呼び出す方法の2通りがあります。例えば、どちらか（CSSファイル内）： @media screen and

0熱

2答えて

@mediaの質問はipadの肖像画では機能しません（すでにすべての質問が検索されています）

夕方すべて、私はipadの肖像画のためのメディアのクエリに問題がありますここに私のコードです。 @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){//CSS HERE } 私はまた私のクエリでonly screenとallを使用してみました、min-device-widthとmax-dev

0熱

2答えて

メディア属性のデフォルト値はありますか？例えば

はない場合、私はより良いドキュメントを見つけることができます。2. に差がある、 <style> も <style media="screen"> 同等です。 .. https://www.w3schools.com/tags/att_style_media.asp

-1熱

1答えて

メディアクエリーCodepenでの作業ではなく、テキストエディタ/クローム

かかわらず、私は一つのことは別にブラケットテキストエディタを使用して（それがCodepenで行うようにブラケットを通じて同じことを実行します）、すべての作業偉大だ：私はCSSのメディアクエリを使用してブレークポイントを設定するので、最大幅537pxの列が1つしかありません。 @media (max-width: 537px) { .custom-column { width: 100

0熱

1答えて

CSSメディアクエリモバイル対デスクトップ：モバイルもズームアウト|マテリアライズ

私はマテリアライズCSSフレームワークを使って、最近ほとんどのアプリをスタイルしています。私がアプリを読み込んだとき、私は現在自分の携帯電話で作っていますが、それは通常よりもズームアウトされたように見えました。（上の2枚の写真を参照）。以前のように大きく拡大して大きくなっていました（下の2枚の写真）。私は解決策を探して周り試みたが、私は私は2つのマテリアライズリリースや何かの間で異なる可能性が

0熱

1答えて

デスクトップなどのモバイルデバイスでフッターの視差効果を設定するにはどうすればよいですか？

デスクトップ上で完全に動作している視差効果付きの背景イメージとフッターがありますが、モバイルデバイスでは動作しません。フッターを表示するために背景画像をスクロールできません。私はデスクトップのようなフッターをチェックするために画像をスクロールする必要があります。これで私を助けてくれますか？ CSS body{ margin: 0; padding: 0; height

-1熱

1答えて

ブートストラップのないCSSのプッシュ＆プル

まず最初に、ブートストラップや他のフレームワークなしでレスポンシブなデザインを理解しようとしています。これは単なる学習の練習です。私はグリッドを作ろうとしています。私はプッシュを適応させ、自分でブートストラップからクラスを取得しようとしています。たとえば、3つのボックス：box1、box2、box3。今、モバイルビュー（< 768px）で注文を変更しようとしています。だから私はbox3、box

1熱

1答えて

emでのメディアクエリがベースフォントサイズの影響を受けていない

異なるベースフォントサイズを設定してもメディアクエリのEM値に影響を与えない理由を理解しようとしています。デフォルトのベースフォントサイズが16pxで動作していますが、残りのコンテンツは正常に反応します。それを自分で試してみてください：PXでメディアクエリ： https://jsfiddle.net/sebtp/n8x0tuvq/5/ [OK] EMでメディアクエリ： https://js

0熱

4答えて

モバイルとデスクトップのdivを表示/非表示するCSSメディアですか？

私は、デバイスの種類に応じて2つのdivを表示し、非表示にするには、この実際のコードを持っている：問題：アンドロイドの＃DIVと、デスクトップが表示されます。私は、モバイルデバイス上でのみのdiv＃divのモバイルを表示する必要が私はデスクトップデバイス上のみのdiv＃divのデスクトップを表示する必要が CSS @media screen and (min-width: 0px) and