ブートストラップ 3 を使用しているカルーセルに問題があります。画像自体はレスポンシブですが、キャプションとボタンもレスポンシブにする方法を理解するのに苦労しています。明確な答えを見つけるのはあまり運がありませんでした。見る
http://windstarwd.com/testman/
上記のページを表示し、ブラウザを狭くすると問題が表示されます
「ページヘッダー」(ナビゲーションバーの上)の場合、次を追加することで電話番号(h2)を応答させることができました:
@media (max-width: 767px) {
.my-header > div > h2 {
font-size: smaller;
}
}
しかし、ソーシャル メディアのアイコンがスタックしてサイトからはみ出してしまい、モバイルではカルーセルのキャプションとボタンが上から押し出されてしまうという問題があります。通常は 32x32 のソーシャル アイコンが表示されるのが理想的ですが、768 ピクセル未満の場合は 16x16 が表示されます。
だから私はここで2つの問題を抱えていると思います:(