問題タブ [responsive]

私は Web デザインに関しては比較的新しいので、ここに書いていることが理にかなっていることを願っています。. .

私のページには 3 つのセクションがあります。ヘッダー、中間セクション、およびフッター。中央セクション内には、画像とテキストを含む 3 つの div があり、それぞれが中央セクション全体の幅の 30% を占めています。ページを小さくすると、フッターがこの中央セクションにぶつかります。もちろん、フッター セクションを一番下に残してレスポンシブにしたいです。

最初は、これらの 3 つの div を左にフロートさせていましたが、これはフッターの移動と関係があるのではないかと考えました。しかし、その後、div をインライン ブロックに変更しました。

私もクリアしようとしました：両方。ページを縮小すると、フッターが上に移動し続けます。

うまくいけば、私は理にかなっていて、誰かが助けることができます. ありがとう。

CSS:

新しいレスポンシブ レイアウトの Web デザインのテンプレートを作成しようとすると、DIV 要素の配置のバグが発生することに本当に必死です。

URL は次のとおりです。http://cs.renault-club.cz/responsive_005_bug.php

問題: ウィンドウのサイズを 800px 未満に変更すると、「sidebar_right」(オンライン ユーザー) DIV 要素が「obsah」(コンテンツ) DIV の直下に表示されず、「sidebar_left」(メニュー) DIV 要素の下に表示されます。

助けてください！私はすでに2時間を何かに費やしましたが、成功しませんでした:(

500px 未満でも、800px 以上でも問題なく動作します。現在のウィンドウの幅が左上隅に表示されています。

私は基本的に、自分のサイトの 1 つに iframe を埋め込もうとしています。サイトに iframe を配置すると、モバイルでは機能しません。つまり、応答性が失われ、それに応じてスケーリングされません。こちらを確認してください。

しかし、同じ iframe を PLAIN HTML ファイルに配置すると、完全に応答します。ここをチェック

ここで何が問題なのか教えてください。CSSの競合を考えていますか？

どんな助けにも感謝します！

スマートフォンのレスポンシブ画像に非現実的な問題があります...

一部の iPhone では正しく表示され、他の iPhone では非常に小さく表示されます。たとえば、ユーザー A の iPhone 6 では正しく表示されますが、ユーザー B の iPhone 6 では小さすぎます。

スクリーンショットが添付されています。css コードは次のとおりです。

}

Konyを使用して開発されたモバイルアプリケーションがあります。同じものをデスクトップ版に移植しようとしています。すべてうまくいきますが、UI に関して小さな課題があります。つまり、レスポンシブ UI です。私は Kony を初めて使用するので、Kony アプリケーションにメディア クエリを含める方法や、ブラウザーでアプリを応答させるためのトリックがあれば教えてください。

ありがとう。

この問題に関するいくつかの記事を読みましたが、解決できませんでした。例のほとんどは、ヘッダーが 1 つの行で構成され、同時に行がカレンダーのように 1 つの行であるテーブルを示しています。私のテーブルには 2 行のヘッダーがあり、rowspan で始まる行があるため、機能させることができませんでした。最初の 2 つの列 (または左の列のみ) とヘッダーを固定する必要があるため、画面を狭めた場合、残りの列は右にスクロールできます。ここにテーブルがあります

Zurb Studio - Crafty Responsive Tables を試しましたが、テーブルの複雑な性質がデモの例と一致しません。

私は自分のウェブページに取り組んでいます。現在、いくつかの問題に直面しています。

よろしくお願いいたします。

レスポンシブ背景画像を持つ HTML ページがあります。背景画像にクリック可能な領域 (2 つの領域) を作成したいと考えています。2 つの青いボックスと同じ場所にある必要があります。レスポンシブにしたいのですが、つまり、領域が青いボックスにくっつく必要があります。ここに画像の説明を入力

このテーマの「最新プロジェクト」スライダーに似たコンテンツ スライダーを探しています(メイン スライダーの下の 2 つのセクション)。CMS システムなしで実装したいと思います。大量のキーワードを検索しましたが、役立つものは何も見つかりませんでした。キーワードなどを教えていただけるとありがたいです。

コンテンツ スライダーは、開始位置に 4 つの項目を表示する必要があります。これらのナビゲーション スライダーでは、無限の項目を許可する必要があります。

よろしくお願いします。

エルトラスト

次のコードを使用して、クリック時に画像を拡大しています... CSSでメディアを試しました..

http://www.frontendwebhelp.com/javascript/thumbnail-popup-to-large-image.php

しかし、大きな画像のサイズを調整するために # modalPopupHtml # にもう 1 つのクラスを追加しました

しかし、今はその大きな画像をレスポンシブにしたい...モバイルビューでそのコードをテストすると、正しく動作しません...モバイル画面に完全にフィットさせるにはどうすればよいですか...