tableの右端が切れてしまう

Question

chromeのデベロッパーツールではすべて表示されているが、iPhoneの実機だとtableの右端が切れてしまっています。修正したいのですが、どこが原因なのかがわからずお手上げ状態です。

#実現したいこと
スマホ（レスポンシブ）表示した時にもテーブルをすべて表示させたい

#発生している問題
chromeのデベロッパーツールではすべて表示されているが、iPhoneの実機だとtableの右端が切れてしまう
WordPressのコンタクトフォーム7にtableタグを使用してフォームを作成しています。

#該当のソースコード
該当ページ（テストページ）

table {
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
}
table th, table td {
    padding: 10px;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
@media screen and (max-width: 736px){
  .table-responsive{
    width: 99%;
  }
  .table-responsive th, .table-responsive td {
    display: block;
    width: 99%;
    padding: 10px 5px 10px 5px;
  }
}

#試したこと・確認したこと
viewportは正しく設定されている

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

tableの親要素に対してはみ出していない。⇒paddingやborderを含めてもはみ出してない

#環境
WordPress 5.3.2
contactform7　バージョン 5.1.6
chrome　windows
iPhone7とiPhoneX

Answer 1

幅 737px しかないのに 1140px とるのはおかしくないですか？

@media print, screen and (min-width:737px) {
	footer#footer {
		position: relative;
		clear: both;
		padding: 60px 0 30px;
		min-width: 1140px;
		background: url(../img/bg/stucco.png) repeat center top;
		overflow: hidden;
	}
}

Comments

[wshielDi]

min-width: 1140px を　 min-width: 737pxとかに変えてみましたがtableの右端が切れて表示されることに変わりはありませんでした、、、

Answer 2

table tbody trもdisplay:blockに

Comments

[wshielDi]

table tbody trもdisplay:blockにしてみたら表示されました！
単純なところだったのですね、、、
ありがとうございました