問題タブ [responsiveness]

こんにちは、なんらかの理由でレスポンシブ CSS が機能していません。何を変更すればよいか、何をすればよいかわかりませんが、iPhone にサイトをロードしてズームアウトすると、サイトは約 3/4 しか使用しません。ページ、理由はわかりませんが、これが私の CSS のコードです。

テストするiPhoneの幅であるため、最大幅を767に設定しましたが、何を変更しても何も起こりません。

特にモバイル、つまり 360px x 640px の場合、25 のテーマで背景画像をレスポンシブにしようとしています。私は大量の CSS を試しましたが、ダイスはありませんでした。div は body.custom-background だと思います。

テスト サイトは次のとおりです: test.justinhawleydesign.com

ありがとう

ジャスティン

私のブログでは、JavaScript プラグインの Unslider を使用していくつかの画像を表示しています。スライドの高さを変更するメディア クエリを追加しました。最初は、スライドの幅はビューポート幅の 75% です。

次に、ブラウザが 720px を超える場合、またはランドスケープ モードの場合、高さをビューポートの高さの 90% に変更します

ただし、変更を適切に適用するには、ページを更新するか、スライドを変更する必要があることが、私の Web サイトでわかります。

ここで私が話していることを見ることができます: http://78.23.161.50/posts/1

Ps。unsliderオプションfluidはに設定されていますtrue

私は何か間違ったことをしていますか？それとも、Unslider プラグインは、私が望んでいたほど流動的ではありませんか? ウェブサイトの構造を備えた codepen も作成しましたが、ペンでメディア クエリとランドスケープ モードを試すのは簡単ではありません。とにかく、ここにあります：http://codepen.io/anon/pen/epmPmd

JPanels とマウス リスナーを使用して小さなカラー セレクターを作成しましたが、何らかの理由で結果が期待どおりに反応せず、その理由がわかりません。

そのために、ColorPanel と呼ばれる変更された JPanel を作成し、色と色の名前、組み込みのマウス リスナー、インスタンス化時に定義された背景色などのいくつかのプロパティを追加しました。

}

これは、必要なすべてのパネルとそのカウンターをインスタンス化するために作成した別のオブジェクト、および選択したカラーパネルの境界線の色を変更し、その色をグローバル変数に保存するメソッドにリンクされています。

機能している間は、カラーパネルを選択するために何度かクリックする必要がありました。プログラムには以前は応答性の問題はなく、そのセレクターだけがこのように動作していました。

これが方法です。作成時にすべてのパネルがベクターに追加されるため、簡単に操作できます。

私は自分のウェブサイトを持っています: http://david.addagio.cz

そして、私はそれを完全にレスポンシブにしています。

しかし、私には 1 つの問題があり、その理由がよくわかりません。ウェブサイトが「電話モード」の場合、Google Chrome ブラウザでは問題ありませんが、他の多くのブラウザでは、左側に「パディング」のようなものが表示されます。どうしてか分かりません。すべての css は素晴らしいですがpadding:0;、ウェブサイトをチェックアウトして助けてください。

高さ 100% に問題があります。

問題は、横の画像と同じ高さで配布する必要があるアイテムのリストがあることです。固定高さを使用すると正常に機能しますが、パーセンテージを使用すると機能しません。

問題は、サイトがレスポンシブで、画像が固定されないため、固定の高さを設定できないことです。

コードは以下です

誰が何が起こっているのか知っていますか？ありがとうございました。

右側に固定列があるテーブルがあり、左側に x スクロールのある 8 つの列があります。これに似たコードを使用しました

左の列が固定/固定され、本文がスクロール可能な HTML テーブルを作成するにはどうすればよいですか?

これはほとんどの場合機能しますが、これはレスポンシブ サイトであるため、ページを縮小すると、右側の固定列が約 400px まで押し出され、左側の列と重なり始めます。JSFiddle の例では、すでに他の列とオーバーラップしているため、結果領域の幅を拡大すると、オーバーラップの問題が表示されます。に白い背景を適用しましたが、右の列だけで他の列をスクロールで非表示にし、ブラウザの幅を最も低くしたいと思います。何か案は！

https://jsfiddle.net/TBankston/5L7jkbfq/

CSS

HTML

画像の特定のセクションにハイパーリンクを埋め込む必要がある HTML ページを作成しました。このために、イメージ マップ タグを使用する必要がないように SVG タグを使用しました。

これは、ページがクロムでどのように見えるかです

基本的に IMAGE タグの画像は読み込まれず、画面は背景の色になります。chrome の方がルールに寛大であることは知っていますが、エラーを犯したとは思いません。このコードは Chrome では問題なく動作しますが、他のブラウザでは画像が読み込まれません。「壁紙」、「ボタン」、「ポスター」などの画像リンクがありますが、紙の本来あるべき場所をクリックすると新しいタブで個別に開きますが、それ以外の場合は機能しません。

powerplumb.com.au というレスポンシブ Web サイトに取り組んでいます。すべての電話解像度について、responsivetest.net ツールを使用して応答性をテストしています。iPhone 5 (画面解像度 320X568.

ただし、iPhone 5 デバイスの Safari で同じサイトを開くと、出力が応答しません。

複数のことを試しましたが、うまくいきませんでした。私を当惑させるのは、同じ解像度でも出力が異なるのはなぜですか?