問題タブ [responsive]

私は Joomla 3 を使用してアプリケーションを編集し、携帯電話と互換性を持たせようとしています。列として機能する 2 つの div を持つ div コンテナーを使用しています。例:

これはどの携帯電話でも恐ろしいことです。私はiPhoneで試しています。2 番目の div 内で生成されたコンテンツが、使用可能な画面サイズまたは div 幅を超えてオーバーフローしているようです。

モバイルで画面を分割し、携帯電話で「左の div」の下に「右の div」を表示する方法はありますか?

前もって感謝します

各行に異なるコンテンツがあり、各行にコンサーティーナメカニズムがあるレスポンシブテーブルがあります。

コンサーティーナは基本的に、現在の行の下に別のテーブル行を追加します。これには、テーブル内のセルの量の colspan を持つ td があります。

このコンサーティーナ内には、親テーブルと整列するためにテーブル セルが必要な別のテーブルがあります。これはおそらく HTML/CSS だけでは不可能であり、おそらく JS で行う必要があると思いますか?

それとも別の方法がありますか？

ここにすべてのコードを投稿することはできませんが、ここに私が意味することのスクリーンショットがあります

このオリジナルのブートストラップ ライトボックスを使用しています: http://jbutz.github.io/bootstrap-lightbox/

私はそれを取り除き、画像リンクを div クラス"visible-tablet"と"visible-phone". このクラスでは、ポップアップ イメージは表示されません。たとえば、次のとおりです。

http://www.getaveo.com/_bootstrap4/lightbox4.html

1) そのページを 900px 以上のデスクトップ ビューで表示してください。右側の赤い列にある画像のサムネイルをクリックします。大きな画像がポップアップし、ライトボックスが機能しています。

2) 次に、ブラウザを iPad ビューまたは 700px 幅のように小さくしてください。「目に見えるタブレット」のため、赤い列がポップダウンします。次に、画像のサムネイルをクリックします。大きな画像のポップアップが表示されない、機能しない。

3) Phone View 500px以下も同様。「目に見える電話」画像のサムネイルをクリックしてください。大きな画像のポップアップが表示されない、機能しない。

画像のサムネイルをポップアップさせ、ライトボックスを と のときに機能させるにはどうすればよい"visible-tablet"です"visible-phone"か?

私はウェブサイトを始めたばかりですが、特定の解決策が見つからないという小さな問題にすでに遭遇しています。

私は自分のウェブサイトの背景を幅の任意の画面サイズに合わせたいと思っていました.高さは関係ありません.

これは私の画像へのリンクです：

編集

何が問題なのかわかりませんが、何らかの理由で体が背景画像を取得したくありません。真っ白な背景を表示するだけです。

テーブルの応答性に問題があります。

私が持っているもの:

解像度が 643 ピクセルを下回ったときにブレークラインを取得する方法を知る必要があります。