問題タブ [responsiveness]

次のようなコードがあります。

そしてこのCSS：

childrenの高さを の幅に等しくしたいparent。残念ながら、理由はわかりません。インターネットで調べてみたり、 のようなさまざまな解決策を試したりしましchildren{width: 90%; text-align: justify;height: 100%;}たが、うまくいきません。この 2 番目の div の代わりにテーブルを使用できることはわかっていますが、この Web サイトは小さいデバイスでは応答しません。これは私にとって非常に重要です。助言がありますか？

ウィンドウの幅を検出し、画面が と の間にある場合にサブ ナビゲーション リストの項目を調整する小さなスクリプトが600pxあり1200pxます。スクリプトは制約内で機能しますが、ブラウザが を超えて1200pxまたはそれ以下にサイズ変更された場合600px、幅の宣言は関連する各リスト項目に適用されたままになります。ただし、ページが更新されると、幅は本来あるべきものになります。初めてのポスターですので、何が欠けているか教えてください。

ありがとう

});

次のコードを使用して、ワードプレス サイト内の特定のページの列幅を設定しています。

これは、カスタム テンプレートを含むページではうまく機能しますが、カスタム投稿タイプで機能させる方法がよくわかりません。

テンプレートをカスタム投稿タイプのテンプレートに設定すると、機能しないようです。

何かご意見は？

ティア！

ステフ

クライアントは Web サイトからの応答性を望んでいませんでした。そのため、ブートストラップ ベースの wordpress テーマから応答性を完全に削除しました。これで、ウェブサイトがデスクトップでどのように見えるかがわかりました。ただし、カート ページでは、コンテンツや div 要素があまりないため、すぐにページが終了し、見栄えの悪い空白が発生します。

以下にスクリーンショットを掲載しました。最後に固定フッターがありますが、そのページには表示されません。アドバイスをいただければ幸いです。

この 2 つをヘッダーに指定しました。

編集:特定の Web サイト ページに十分なコンテンツがないため、モバイルが表示されているのは、空白を表示するという既定の動作です。を持つことで解決できますmin-height。

ページの右側 (上から下) にレスポンシブ画像を作成しようとしていますが、画像の右側の残りのスペースにテキストを配置しようとしていますが、うまくいかないようです。私はググって、clearfixという解決策を見つけました。動作しますが、ウィンドウが小さくなっても、テキストにオーバーフローはありません。

画像自体の応答性を維持しながら、画像の右側のテキストを拡大縮小可能にする方法はありますか?

CSS

html

レスポンシブ デザインを試すために、教育目的でスライス スライダーを作成しています。

レスポンシブにするために3日間試しましたが、試したすべてが機能しませんでした。

誰かがページの背景にカーソルを合わせるdivと、4 つの画像を含む非表示が表示されます。ズームインすると、最後の画像の位置が変化しています。

これは私のコードです：

CSS:

Skeleton 2.0.4 を使用しています (Bootstrap も使用しましたが、何も起こりませんでした)。問題は、クラスで背景に2つの画像を使用していることだと思いますが、.unreveal他に何をしなければならないかわかりません。max-width:everywhere, margin:0 auto私はスケルトンからのメディアクエリを使用しました。

誰かがそれを一目見たい場合は、それをアップロードしました: test-site。

前もって感謝します。

編集:画像の再配置を修正した後も、 container に問題があります。ズームインすると、2400px 何が起こっているかの画像で停止します。max-height:1100pxコンテナとボディに使用しましたが、機能しません。結果なしでも異なるDoctypeを使用しました。

Google Trends のグラフを現在のコードで応答できるようにすることが可能かどうか疑問に思っています (「不明な」パラメータを追加することにより)。

例

とにかく、幅の値として「100%」を指定すると機能しません。しかし、使用したい単位 (デフォルトでは px) を変更する追加のパラメーターを知っている人はいますか?

私の理解では、フローティング列のコンテンツまたはフローティング列の内側の 2 つのセクションを分割して、モバイルまたはタブレット上で完全に異なる位置を与えることができないため、解決策が利用できないことを少し恐れている状況があります。position:absolute;Web ページの応答性と動的コンテンツを維持するためには、適切なオプションではないと思いますか?

注意: 私のクライアントは、デスクトップからモバイル、またはその逆のすべての方法で、これをレスポンシブにすることを望んでいます。

このワイヤーフレームを作成しました。この状況を処理する方法を教えてください。

この質問に対するすべての返信/フィードバックに感謝します!

これは、モバイルとデスクトップ + タブレットの両方で使用したい、左の列と右の列とそのネストされた「DIVs」セクションの可能なコードです。

サイトのレスポンシブに問題があります。

テーマは玄武で、2 つのサイドバーが等しく、余白が狭くなるようにカスタマイズされています。

カスタム CSS コードは次のとおりです。

http://mattkersley.com/responsive/で自分のサイトをチェックしたところ、240x320、320x480、および 768x1024 デバイスでレスポンシブの問題が発生しました。

誰かが @media のことで私を助けてくれますか?