media-queries

1熱

1答えて

レスポンシブウェブデザインのFirefoxデベロッパーエディションには、7つの画面サイズのペアと11種類のサイズがあります。リストされているサイズをカバーするには、いくつかのメディア照会が必要です。最大のサイズの書式用のスタイルシートを作成しました。そこから、320pxから640pxの範囲の画面サイズ用に別のスタイルシートを作成しました。 htmlページは、スタイルシートへのリンクをしています

0熱

1答えて

メディアのクエリの高さを最小幅での幅として使用する

レスポンシブモバイルの最初のホームページを作成しました。ラップトップ用のメディアクエリを作成しました（最小幅：768ピクセル）。デスクトップデバイス（最小幅：1080px）でも、何らかの理由で最小幅1080pxが高さによっても影響を受けるため、ラップトップのクエリが機能しなくなります。実際には1366x768ウィンドウを使用すると1080pのクエリのみが使用されますが、私は768pのクエリで107

0熱

1答えて

背景画像が特定の幅で反応しなくなる

背景画像に使用している4496x3000画像があります。それは約1190pxまで低下するまで反応します。私はおそらくメディアクエリを作成し、小さな画像を使用して助けるだろうと思ったが、それはしませんでした。私のコードで何が問題になって反応が止まるのでしょうか？ body, html { margin: 0; padding: 0; width: 100%

0熱

1答えて

vue資料を使用してサービスの説明ページを作成しても、テキストとイメージをスタックできません。

画面が768px未満の場合はどうすればよいですか。テキストと画像が重なって表示されます。コンテンツと画像を含むmd-column属性を持つmd-layoutは、必要に応じてタブレット、モバイル、および特別な画面に画面が縮小するにつれて、ページ全体を拡大することです。 <md-layout md-row md-sm-columns> <md-layout md-column="5">

0熱

3答えて

モバイルデバイスでスクロールした後にdivを表示

モバイルデバイスでスクロールした後にdivを表示したいこれは私のコードですが、それは仕事をdoesntの： $(document).load($(window).bind("resize", checkPosition)); var phonebox = $(".phonebox"); function checkPosition() { if($(window).width()

1熱

1答えて

safariのmedia-queriesが高さ100％正しく表示されない

Chrome/Edge/Firefoxではうまくいきましたが、Safariで失敗しているアプリの印刷メディアクエリを使用しています。私は印刷ページを埋めるために高さ100％を使用しています。サファリでは、パーセンテージを要素自体のパーセンテージとして使用しているようです。私は以下の簡単なコードを書いています。 <!DOCTYPE html> <html lang="en"> <head>

1熱

1答えて

メディアクエリが反応しない

画面/ビューポートの幅が900pxを超えると画像を非表示にしようとしています。何らかの理由で、これは非常に基本的な例では機能しません。私はフッタのための非常にシンプルなコンポーネントを持っています - それは機能的なもので、状態やメソッドはなく、メインコンポーネントの下にのみネストされています。コンポーネントにフッターのスタイルを含めて、完全にローカライズしました。何らかの理由で、この最も基本

1熱

1答えて

SCSSブートストラップbtn-groupメディア複数のページを照会

私はRubyでアプリケーションを開発中です。それは8ページを持ち、ページのそれぞれに一般的なレイアウトはブートストラップの.containerです。行.col-sm-6 .col-sm-6レイアウト。私は2番目のcol-sm-6レイアウトのbtn-groupを持っています。これはlg、xl、およびsデバイス上で素晴らしいです。画面が不快な様式で992px-768pxボタン群区切りの間に入る列は

0熱

2答えて

メディア照会は、背景イメージを上書きします

画面サイズが変更されたときに変更したい背景イメージがあります。どうやら私がメディアクエリを使用するたびに、私はそれに入力した色に自分の背景イメージを上書きします。その仕事、あるいはその両方がイメージしなければなりませんか？ありがとうございました。 #home { padding-top: 35px; background-image: url("../images/homebg.jpg");

0熱

1答えて

モバイルデバイスでポップアップdivを作成する

モバイルデバイスでポップアップdivを反応的にするようにしています。それは完全に正常にウェブサイト上で動作しますが、私の携帯デバイスでは、ポップアップを終了することはできませんし、それは大きすぎます。私はメディアクエリを使用する必要があると仮定していますが、私はいくつか試してみましたが、私はメディアクエリにあまり経験はありません。私は自分の問題のスクリーンショットとポップアップウィンドウのコードを