レスポンシブテーブルモバイルで縮退

Question

私はワードプレスサイトに追加するためのテーブルを作成しています。サイトが応答性が高いので、テーブルも多少なりともあるはずです。

私はテーブルを作成していましたが、エディタ（私はVisual Studio Codeを使用していました）では完全に応答していましたが、Chromeでテストする方がよいと思いました。私はそれを保存してChromeで開き、モバイルビューをオンにして検査しました。

セルにはmin-widthが設定されていますが、モバイルビューの幅をほぼ埋める必要がありますが、セルは半分のマークをほとんど貼り付けません。

私は以下のように新しいテーブルを作成しました。同じことが起こりました。

<table border="1"> 
 
    <tr> 
 
    <td style="min-width: 200px;">Min Width 200px</td> 
 
    <td style="min-width: 300px;">Min Width 300px</td> 
 
    </tr> 
 
</table>

なぜそれがこれをやっていますか？これを修正するにはどうすればよいですか？

Answer 1

Chromeはデバイスモードですべての機能を縮小していることに気付きました（正確な条件がわからないため、誰でも気に入ってください）。

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">