media-queries

0熱

1答えて

私はgulpとpostCSSに関するUdemyビデオコースを聞いていて、チューターと同じことをしていますが、何も動作しません。マイメディアクエリのミックスイン： @define-mixin atSmall { @media (min-width: 530px) { @mixin-content; } } マイpostCSSコード： .large-hero__

0熱

1答えて

HTML5対応のウェブサイトでは、小さな画面で自動スクロールしてナビゲーションをスキップする必要があります

私のウェブサイトにはナビゲーションバーがあります。ユーザーが任意のページをクリックしたときにモバイル画面で表示されると、同じヘッダーがポップアップし、ユーザーはそのコンテンツがヘッダーの下にあることを知りません。したがって、私は小さな画面でのみアクティブにするためにオートスクロール機能が必要です。私はいくつかのウェブサイトを検索しましたが、メディアクエリでJSスクリプトを使用するにはどのように解決

1熱

2答えて

cssのメディアクエリがキックされた後、Jqueryスクリプトが動作を停止するように見える

ここにいくつかの問題があります。スクリプトを実行すると、ウィンドウの幅が800ピクセルを超えると、メニューが読み込まれます。私は800px以下のウィンドウのサイズを変更し、メニューはボタンでスワップアウトされます。しかし、ボタンは機能しません。そして800pxを超えるウィンドウのサイズを変更すると、メニューが再び表示されます。スクリプトを実行すると、ウィンドウの幅が800px未満になるとボタン

0熱

1答えて

ウェブページの縦方向のサイズ変更に対する応答性を防止するにはどうすればよいですか？

私はheight: 100%と本体のdivも持っています。私はそれがウィンドウサイズに合うようにしました。つまり、私のページが垂直方向にサイズ変更されることは望ましくありません。その結果、モバイルでの仮想キーボードポップアップはコンテンツをプッシュアップし、ページのレイアウトが乱雑になります。シモンズ：私は、ビューポートのメタタグを使用すると、セクションとフルスクリーンに行く場合は、必然的に

2熱

2答えて

私のWordpressテーマのサイトロゴではメディアクエリが機能しません

私はSpaciousというWordPressテーマを使用しています。私はサイトロゴを設定しましたが、ロゴを反応させるように見えません。ロゴは特定のメディアクエリにのみ応答しますが、モバイル画面サイズには対応しません。サイトロゴの位置を、ヘッダーの下の中央から左側のヘッダーに変更しました。私はこれが問題かもしれないと思うが、私は確信していない。私は何か間違っているのですか？私のロゴを反応的にする方

0熱

1答えて

スマートフォンのポートレートとランドスケープの両方を同時に対象とするメディアクエリ

スマートフォンに適用したいスタイルが、ポートレートとランドスケープの両方であります。両方のシナリオを対象とする良好なメディアクエリがありますか？実は私は2つのメディアクエリでCSSを繰り返す必要があります。 .selector { // smartphone portrait @media (min-width: 320px}) and (max-width: 512px}) {

0熱

1答えて

私のリンクを中心にして、ボタンはまだ動作します。

これはPHPのHTMLです。私はクラスを変更しようとしましたが、liとulを追加しようとしましたが、私はそれが働きたかったので、今、HTMLスクリプトにJava Scriptを追加しました。それは動作しますが、私はそれはもう機能していないtopnavクラスに何かを変更した後： <div class="container"> <h3></h3> <div class="topnav

1熱

1答えて

CSSを使用して背景画像を切り取る

初心者のために、私は何をしようとしているのか分かりません：私の仕事のためにセットアップする必要があるウェブショップでは、 Lightspeed（eコマースプラットフォーム）用このテーマでは、3つの「ハイライト」アイテムがあります。これらは背景画像+テキストを重ね合わせて、商品を表示するためのボタンです。私は800ピクセルにこれらのIDのための最小の高さを設定している： #highlight-1

0熱

2答えて

ウィンドウを小さくするときに2つのグリッドに変更する4つのレスポンス子を作成するにはどうすればよいですか？

お互いに隣り合っている4つの子供を作りたいと思います。今、ビューポート幅が小さくなると、これらは2×2グリッドに折り畳まれることになっています。（それほど重要ではありません：それがさらに小さくなると、親の幅の100％になります）。今私の問題は、メディアクエリでこれを作成することではありません。問題は、最初の子供が2番目の子供の高さよりも大きいということです。それらが2×2グリッドに折り畳まれると

0熱

1答えて

ウェブページの高さをユーザーのビューポートに合わせる

ウェブサイトを応答させるために、私のCSSファイルにメディアクエリを追加しました。しかし、小さなデバイス（ネットブックやスマートフォン）の画面下部にコンテンツが表示されなくなるという問題があることに気付きました。視聴者の画面サイズに合わせて高さを調整するにはどうすればよいですか？右の結果（長い画面）：間違った結果（短い画面）：このページで、イントロ部分やテキストのように遮断することを注意画面