AMP表示にするとこんな感じです。

https://ponkoshu.com/review-nas-synology-diskstation-ds418/?amp=1

一方でAMP表示に切り替えてみると、画像が縮小されないのか、画面からはみ出てしまいました。

Tableをスクロールするように設定してる感じだからか、どうか。

はみ出して表示されてはないと思います。スクロールするように指定してるのではないですか？

とりあえずアゲ ? 

カラムレイアウトを変更する場合は、以下のCSSコードが参考になると思います。
https://wp-cocoon.com/column-layout-custom-for-tablet/
上記は、768px～480pxのみになりますが、CSSを書き換えれば、モバイルでも対応できるようになるかと思います。

768px以下に次のコードを張り付けて、2カラムで試してみましたが、残念ながらうまくいきませんでした。

.column-wrap{
    flex-direction: row;
  }

AMPページでは、横に並んだ画像が画面外にはみ出てしまいます。横スクロールも出来ませんでした。

通常ページではうまくいくんですが、AMPは難しいですね。。。

詳しい動作確認はしていないのですが、以下のように書き加えるとどうなりますか。

.column-wrap .column-left, 
.column-wrap .column-right {
  width: 50%;
}

わいひらさん、

そちらのコードを追加してみました。

デスクトップのchromeでは、AMPページのカラムが画面内に収まってくれますが、スマホのchromeでは、やはりダメでした。

右側の画像が画面からはみ出てスクロールも出来ません。

AMPのCSSは、グーグルにキャッシュされていて反映に時間が掛かる、なんてことはあるのでしょうか？

こんにちは。

コードを追加したのは子テーマのstyle.cssですか？
「Cocoon設定＞AMP」の「サイズ制限対応」の「子テーマのスタイルを有効にする」にチェックは入っていますでしょうか？

草村さん

子テーマのstyle.cssです。

AMP>子テーマのスタイルを有効にする、もチェック付いていました。

AMPのCSSは、グーグルにキャッシュされていて反映に時間が掛かる、なんてことはあるのでしょうか？

AMPのCSSというより、Googleのキャッシュは古い情報なので、反映されるのには時間がかかりますよ。

ただGoogleのキャッシュが更新されたら問題ない感じかと思われます。

https://www.google.co.jp/amp/s/ponkoshu.com/review-nas-synology-diskstation-ds418/%3famp=1

上記URLでご確認されましたか？上記はGoogleのキャッシュのアドレスですが、もう更新されてませんか？

スマホのchromeでは、やはりダメでした。

Androidで確認しても問題ありませんでしたよ。

******

追記GoogleキャッシュのURLで確認した結果。

こちらも問題ありませんでした。ponkoさんの環境ではどのような感じですか？

Cocoonのキャッシュ設定の「AMPキャッシュの削除」は行いましたか？
Googleのキャッシュページの場合は、反映されるまでに確かに時間がかかります。

かうたっくさん、わいひらさん

こちらでも正しく表示されていることが確認できました。

AMPに切り替えたページとGoogle検索からのAMPページ両方大丈夫でした。

iPhoneのsafariとAndroidのchromeどちらでも大丈夫でした。

何だかお騒がしたようですみませんでした。

これで全ページのAMP化に一歩近づきました。

ありがとうございました。