media-queries

-1熱

1答えて

（デモページ） https://mightyvoicer.herokuapp.com/ 私は画面が小さくなるとき、なぜ表示ボックスが壊れてしまうことをお願いしたいです。私はあなたの助けを非常に感謝します。あなたが歪むことから、それを維持するために、このCSSを追加する必要が Full-size Small

0熱

1答えて

オブジェクトのサイズを変更できません<HREF> +メディアクエリCSS

携帯電話の画面のページのサイズを変更して、<href "1.htm">をクリックしようとすると、ページ内の一部のボタンのサイズを変更する際に問題が発生します。何でもする。私はそれがメディアクエリの問題だと知っていますが、私はそれを解決する方法はありません。 index.html： <!DOCTYPE html> <html> <head> <meta charset="ut

0熱

2答えて

小さな画面で別のdivにdivを移動する方法

div（パネルと呼ばれる）を別のdivの下に移動しようとしています。しかし、div（panel_1）の下にパネルを移動すると、ページの下にスペースがなくなります。私はdiv（パネル）をずっと下に移動したい。私はdiv（パネル）に行くためにスクロールする必要があります。これはどのように達成できますか？ PS：申し訳ありません私の英語 @media (max-width: 400px) {

0熱

2答えて

CSSグリッドスタイルを作成する方法

私はCSSグリッドで遊んでいて、画像をテキストの隣に置き、下の<section>の列の順序を逆にするようにしました（<section>）。画面を小さくすると、画像が常にテキストの上に表示されます。私はこれでうまくいきましたが、CSSが本当に混乱しているように見えますが、私はこれをCSS Gridで可能にしなければならないと考えています。 .color:nth-child(odd) {

1熱

1答えて

レスポンシブなレイアウトは、私が望む位置に正確にはありません

私は一週間前にレスポンシブルなレイアウトを残そうとしていますが、これは私が見つけたウェブサイトと非常によく似ています。私は、私が見た応答可能なサイトのイメージを送信しています、私は私の姿をイメージしています。私は似てやりたいサイトはこれです： http://mapa.buenosaires.gob.ar と私は同じことをやりたいサイトはgitのである、あなたが好きなクローン、ダウンロード、共有を

0熱

1答えて

scstをコンパイルするときにブートストラップ4コンテナのグリッドエラーが発生する

bootstrap4グリッドシステムからコンテナグリッドのみを取得しようとしていますが、コンパイル時にエラーが発生しました。ので、これは私のカスタムSCSSファイルです： $grid-gutter-width: 30px !default; $enable-grid-classes: true !default; $grid-breakpoints: ( xs: 0,

0熱

1答えて

メディア印刷用CSSフィルタ

印刷用に送信された写真にフィルタを提供する方法。私は次のCSSを追加しようとしました。 @media print { .photo { img { filter: brightness(2); -webkit-filter: brightness(2); } } } 何も起こりません。画像の明るさは同じです。私のアプリケ

-1熱

3答えて

異なるデバイスサイズのCSS

私はフォームからなる単純なページを持っています。入力ボックスと入力ボックスの文字列があります。 2つの異なる動作が必要です。携帯電話がページにアクセスしているときは、すべてを重ねて表示したいのですが、コンピュータを介してページにアクセスするときは、同じ行の入力ボックスが続く複数の行が必要になります。私はメディアのクエリを調査しましたが、まだ理解していません。 <html> <head>

0熱

1答えて

CSSの単一列のメディアクエリ

ウェブブラウザで表示したときに私のウェブサイトを単一の列に変換するCSSメディアクエリを作成しようとしています。私はこれまでのところ、私はtはそれが1のコード * { \t box-sizing: border-box; } body { display: flex; min-height: 100vh; flex-directi

1熱

1答えて

ウィンドウサイズに基づいてボタンを移動するより良い解決策を探して、反応を使用して

私はウィンドウの幅に基づいて移動したい位置に小さなボタンを持っています。このボタンが移動できる上限（右端）と下限（左端）があります。私は現在、これに対する解決策を持っていますが、Webページのパフォーマンスは最適ではありません。ボタンの動きには若干の遅れがあります。私の現在のソリューションは、ボタンの位置の初期状態を設定します。 componentDidMountメソッドにeventListen