responsive-design

1熱

4答えて

なぜインラインブロックで100％幅の画像が応答性のある画像として振る舞うのですか

私はHTML & CSSには絶対に新しく、それでこの疑問を勉強しようとしています。私の目標は、画像の元のサイズを超えない応答性のある画像を作成することでした。 this questionに関する情報が見つかりました。divにあるインラインブロック（コードスニペットを参照）にイメージを置くことでイメージを作成できましたが、基本的な質問には答えません。どのように応答性が働いていますか？ビューポートが

0熱

1答えて

ヘッダーの単語の応答性を調整できません

私はページの上部にdivバナー要素の種類を作成し、その上に絶対位置にオーバーレイされた2番目の透明な要素を重ねました。問題は、この絶対要素の単語は、ページサイズが小さくなるにつれてサイズが変更されないことです。言い換えれば、それほど反応しません。これをどうすれば解決できますか？ CSS .full{ min-height: 100%; background

0熱

2答えて

どのように応答するdiv要素ボックスをラップする

レスポンシブで画像とともに、メインボックスにdivボックスをラップする方法？以下のレイアウトを達成しようとしています。 iはfloat:leftを使用する場合、私が表示インラインブロックを使用する場合、以下に示すようにそれなしとしてボックスが揃っていない場合ボックスが完全に整列されています。 My jfiddle .mywrapper { \t margin: 0 auto; \t

0熱

1答えて

Android携帯でスクロールすると動作しない

私は自分のサイトを反応させるようにしていますが、どれだけスクロールしても同じdiv要素になります。jquery-momentum-scroll.jsというプラグインを使用しています全体をカバーするプラグインと呼ばれるvide.js.Theラッパーは #main { height: inherit; bottom: 0px; transition: transform

0熱

1答えて

メニューバーが768px後に消えます

ページの応答性に問題があります。 Google開発者ツールを使用して応答性を検査すると、次のコードに示すように、幅が768pxを下回った後にメニューバーが消えますか？しかし、私が本当にしたい414pxの幅と電話などの小さな画面でメニューバーを持って ...応答性は私の質問でどのように我々は、私が改善しています /*these are classes, put in class declaratio

1熱

1答えて

応答のない画像をオフセンターポイントに切り出す

私は実際にフロントエンドの開発者ではありませんが、応答性の高いWebアプリケーションのためにCSSを実行するように求められています。私は、ほとんどの場合、getBootstrapとstackOverflowを使ってすべてをまとめることができましたが、解決策を見つけることができなかったという1つの問題が発生しました。このデザインでは、ホームページの上部全体に応答するフル幅の背景イメージが必要です。

3熱

1答えて

レスポンシブセマンティックUIグリッド、列、行に反応する

セマンティックUIリアクショングリッドを完全に反応させるのに問題があります。少なくとも、デスクトップ、タブレット、モバイルに対応しています。グリッド列でレンダリングする以下の3つのコンポーネントがあります。 import React,{ Component } from 'react'; import { connect } from 'react-redux'; import { Grid

0熱

2答えて

Wordpressの：ロゴは

私のロゴはこののような画面上の通常のサイズを持っていると私は、ブラウザの画面サイズを変更するならば、私のロゴが非常に取得する小さな画面上で非常に小さいサイズを取得します小さい。ロゴは、前の絵のように小さいサイズを持っていなければなりません。これは、より多くの次の画像のようにする必要があります：私は別のテーマのがたくさん知っているが、それは、画面をsmalleringことで、大きなロゴを保つこ

1熱

1答えて

斜めのフルスクリーンレイアウトで水平スクロールバーを取り除くにはどうすればよいですか？

オーバーフローする水平スクロールバーを取り除く方法を教えてください。私はCSS3を使って2つの斜めの形を持っています。私は右のものすべてを試しましたが、何も動作しません。私はオーバーフローを置く：隠された。 div.rightを調整して水平スクロールバーを突き止めない方法はありますか？私はそれがノーオブの間違いだと確信していますが、別の目が必要です。 .row { display:

1熱

1答えて

レスポンシブ・プルダウン・フィルタでフォームを検索

以下の検索フォームでレスポンシブ・プルダウン・フィルタを作成する必要があります。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scal