スマホで列が大きくなることに関して

前提・実現したいこと

スマホサイズで列が大きくなりスワイプしないといけません
原因はわかりましたが直し方がわかりません

該当のソースコード

<div class="container">
<div class="row">
    <div class="w-100 col col-lg-5 w-auto p-3 p-lg-5 m-4 rounded-sm bg-dark text-white shadow-lg flex-shrink-1">
         <h3>ライブドアブログは主要ブログサービスからの移転に対応しています。かんたん操作で気軽にお引越し！</h3>
    </div>
</div>
</div>

試したこと

boxsizingを試しましたけども効果なしでした
文字を小さくすると期待とうりになりますが文字はこのままにしたいです

m.ts10806

2020/04/29 13:22 編集

自身が分かっていること、把握していることはなるべくすべて書いてください。でないと既に調べたことや試したことがアドバイスとして提示された場合、二度手間三度手間になります。

行動規範の内容に同意します

回答1件

ベストアンサー

現状のソースコードでは、問題が再現出来ませんでした (動作確認用リンク)。動作確認用リンクを確認し、問題が再現していないとわかった場合には、キャッシュの消去を試してみてください。また、質問文に記述されていない箇所が問題の原因となっている可能性があるため、もしキャッシュの消去を行っても問題が再現した場合は、問題が再現可能なソースコードを質問文へ追記してください。

HTML
1<div class="container">
2  <div class="row">
3    <div class="w-100 col col-lg-5 w-auto p-3 p-lg-5 m-4 rounded-sm bg-dark text-white shadow-lg flex-shrink-1">
4      <h3>ライブドアブログは主要ブログサービスからの移転に対応しています。かんたん操作で気軽にお引越し！</h3>
5    </div>
6  </div>
7</div>

投稿2020/04/29 13:43