フォーラムのトピックを開くと横揺れしています（iPhone・iOS環境） - 不具合報告 https://wp-cocoon.com/community/bugs/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a9%e3%83%a0%e3%81%ae%e3%83%88%e3%83%94%e3%83%83%e3%82%af%e3%82%b9%e3%82%92%e9%96%8b%e3%81%8f%e3%81%a8%e6%a8%aa%e6%8f%ba%e3%82%8c%e3%81%97%e3%81%a6%e3%81%84%e3%81%be/ Cocoon ディスカッション掲示板 ja Thu, 13 Aug 2026 19:14:00 +0000 wpForo 60 RE: フォーラムのトピックを開くと横揺れしています（iPhone・iOS環境） https://wp-cocoon.com/community/bugs/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a9%e3%83%a0%e3%81%ae%e3%83%88%e3%83%94%e3%83%83%e3%82%af%e3%82%b9%e3%82%92%e9%96%8b%e3%81%8f%e3%81%a8%e6%a8%aa%e6%8f%ba%e3%82%8c%e3%81%97%e3%81%a6%e3%81%84%e3%81%be/#post-21973 Tue, 17 Sep 2019 10:23:57 +0000 みなさんご確認ありがとうございます！
問題ないようなので、トピックを閉じさせていただこうと思います。

]]> 不具合報告 わいひら https://wp-cocoon.com/community/bugs/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a9%e3%83%a0%e3%81%ae%e3%83%88%e3%83%94%e3%83%83%e3%82%af%e3%82%b9%e3%82%92%e9%96%8b%e3%81%8f%e3%81%a8%e6%a8%aa%e6%8f%ba%e3%82%8c%e3%81%97%e3%81%a6%e3%81%84%e3%81%be/#post-21973 RE: フォーラムのトピックを開くと横揺れしています（iPhone・iOS環境） https://wp-cocoon.com/community/bugs/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a9%e3%83%a0%e3%81%ae%e3%83%88%e3%83%94%e3%83%83%e3%82%af%e3%82%b9%e3%82%92%e9%96%8b%e3%81%8f%e3%81%a8%e6%a8%aa%e6%8f%ba%e3%82%8c%e3%81%97%e3%81%a6%e3%81%84%e3%81%be/#post-21954 Mon, 16 Sep 2019 12:45:42 +0000 出遅れましたが、私も横揺れしていないことを確認しました。
直って良かったですね(*^^*)
みなさま、おつかれさまでした。

]]> 不具合報告 kchan https://wp-cocoon.com/community/bugs/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a9%e3%83%a0%e3%81%ae%e3%83%88%e3%83%94%e3%83%83%e3%82%af%e3%82%b9%e3%82%92%e9%96%8b%e3%81%8f%e3%81%a8%e6%a8%aa%e6%8f%ba%e3%82%8c%e3%81%97%e3%81%a6%e3%81%84%e3%81%be/#post-21954 RE: フォーラムのトピックを開くと横揺れしています（iPhone・iOS環境） https://wp-cocoon.com/community/bugs/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a9%e3%83%a0%e3%81%ae%e3%83%88%e3%83%94%e3%83%83%e3%82%af%e3%82%b9%e3%82%92%e9%96%8b%e3%81%8f%e3%81%a8%e6%a8%aa%e6%8f%ba%e3%82%8c%e3%81%97%e3%81%a6%e3%81%84%e3%81%be/#post-21935 Mon, 16 Sep 2019 10:39:15 +0000 https://github.com/yhira/cocoon/commit/904e031ccf9eaec98802afec05effd504f007309

これなら他に影響しなくって良い感じ。かも＾＾

かうたっくさん

親HTMLから、iframe内のcssを変える場合は、javascriptになるかと思います。

私の環境ではそのような事にならないんですよね。

 

iPhone環境と全く違うのと、チェックできないiPhone環境をチェックしてくれるのはありがたいですね❦

皆さま検証、お疲れさまでした。

]]> 不具合報告 かうたっく https://wp-cocoon.com/community/bugs/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a9%e3%83%a0%e3%81%ae%e3%83%88%e3%83%94%e3%83%83%e3%82%af%e3%82%b9%e3%82%92%e9%96%8b%e3%81%8f%e3%81%a8%e6%a8%aa%e6%8f%ba%e3%82%8c%e3%81%97%e3%81%a6%e3%81%84%e3%81%be/#post-21935 RE: フォーラムのトピックを開くと横揺れしています https://wp-cocoon.com/community/bugs/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a9%e3%83%a0%e3%81%ae%e3%83%88%e3%83%94%e3%83%83%e3%82%af%e3%82%b9%e3%82%92%e9%96%8b%e3%81%8f%e3%81%a8%e6%a8%aa%e6%8f%ba%e3%82%8c%e3%81%97%e3%81%a6%e3%81%84%e3%81%be/#post-21928 Mon, 16 Sep 2019 10:06:16 +0000 safari で閲覧したところ、横揺れしなくなっています。

]]> 不具合報告 リフィトリー https://wp-cocoon.com/community/bugs/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a9%e3%83%a0%e3%81%ae%e3%83%88%e3%83%94%e3%83%83%e3%82%af%e3%82%b9%e3%82%92%e9%96%8b%e3%81%8f%e3%81%a8%e6%a8%aa%e6%8f%ba%e3%82%8c%e3%81%97%e3%81%a6%e3%81%84%e3%81%be/#post-21928 RE: フォーラムのトピックを開くと横揺れしています https://wp-cocoon.com/community/bugs/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a9%e3%83%a0%e3%81%ae%e3%83%88%e3%83%94%e3%83%83%e3%82%af%e3%82%b9%e3%82%92%e9%96%8b%e3%81%8f%e3%81%a8%e6%a8%aa%e6%8f%ba%e3%82%8c%e3%81%97%e3%81%a6%e3%81%84%e3%81%be/#post-21926 Mon, 16 Sep 2019 10:00:18 +0000 みなさん、ありがとうございます！
みなさんからいただいたヒントを参考に、当サイトに修正版を適用してみました。
現在、当トピックはiPhone環境で横揺れいたしますでしょうか？

]]> 不具合報告 わいひら https://wp-cocoon.com/community/bugs/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a9%e3%83%a0%e3%81%ae%e3%83%88%e3%83%94%e3%83%83%e3%82%af%e3%82%b9%e3%82%92%e9%96%8b%e3%81%8f%e3%81%a8%e6%a8%aa%e6%8f%ba%e3%82%8c%e3%81%97%e3%81%a6%e3%81%84%e3%81%be/#post-21926 RE: フォーラムのトピックを開くと横揺れしています https://wp-cocoon.com/community/bugs/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a9%e3%83%a0%e3%81%ae%e3%83%88%e3%83%94%e3%83%83%e3%82%af%e3%82%b9%e3%82%92%e9%96%8b%e3%81%8f%e3%81%a8%e6%a8%aa%e6%8f%ba%e3%82%8c%e3%81%97%e3%81%a6%e3%81%84%e3%81%be/#post-21919 Mon, 16 Sep 2019 08:02:51 +0000 かうたっくさん

親HTMLから、iframe内のcssを変える場合は、javascriptになるかと思います。

僕もフォーラムの仕様が分かってないのですがcss-custom.cssにアクセスできない場合はoverflowとかになりますかね・・・。

.mce-edit-area {overflow-x:scroll }

javascriptの管理面も都合があると思いますので、そのあたりのご判断は、わいひらさんに委ねたいと思います。

]]> 不具合報告 たなかま https://wp-cocoon.com/community/bugs/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a9%e3%83%a0%e3%81%ae%e3%83%88%e3%83%94%e3%83%83%e3%82%af%e3%82%b9%e3%82%92%e9%96%8b%e3%81%8f%e3%81%a8%e6%a8%aa%e6%8f%ba%e3%82%8c%e3%81%97%e3%81%a6%e3%81%84%e3%81%be/#post-21919 RE: フォーラムのトピックを開くと横揺れしています https://wp-cocoon.com/community/bugs/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a9%e3%83%a0%e3%81%ae%e3%83%88%e3%83%94%e3%83%83%e3%82%af%e3%82%b9%e3%82%92%e9%96%8b%e3%81%8f%e3%81%a8%e6%a8%aa%e6%8f%ba%e3%82%8c%e3%81%97%e3%81%a6%e3%81%84%e3%81%be/#post-21905 Mon, 16 Sep 2019 05:19:56 +0000

デベロッパーツールで見たところ、mainクラスのwidthっぽいですね。 下記cssの.mainを880pxから100%にしたら直りました。

メディアクエリ@media screen and (max-width: 1023px)で、以下の指定があるので、なんらか（もしかしたらiPhone）の優先順位的に負けてるのかな？

main.main, div.sidebar {
	display: block;
	margin: 10px;
	width: auto;
}

例えば

iframe { width: 100%; }

もしくは

iframe { max-width: 100%; }

と指定すればどうなりますか？ダメであれば、それらに !important　をつけて見るとか。

  • 親テーマstyle.cssに
main.main, div.sidebar { width: auto !important; }

としてみるとどうなりますか？？？

  • 親テーマstyle.cssに

また、親テーマCSSの指定を以下にすれば改善されるような感じですか？？？

main.main, div.sidebar { width: 100%; }

 

お二方、検証ありがとうございました！！
※Cocoonユーザー的&たまたま絡んでチェックした人の1人として❦

]]> 不具合報告 かうたっく https://wp-cocoon.com/community/bugs/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a9%e3%83%a0%e3%81%ae%e3%83%88%e3%83%94%e3%83%83%e3%82%af%e3%82%b9%e3%82%92%e9%96%8b%e3%81%8f%e3%81%a8%e6%a8%aa%e6%8f%ba%e3%82%8c%e3%81%97%e3%81%a6%e3%81%84%e3%81%be/#post-21905 RE: フォーラムのトピックを開くと横揺れしています https://wp-cocoon.com/community/bugs/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a9%e3%83%a0%e3%81%ae%e3%83%88%e3%83%94%e3%83%83%e3%82%af%e3%82%b9%e3%82%92%e9%96%8b%e3%81%8f%e3%81%a8%e6%a8%aa%e6%8f%ba%e3%82%8c%e3%81%97%e3%81%a6%e3%81%84%e3%81%be/#post-21903 Mon, 16 Sep 2019 03:20:32 +0000 たなかまさん

Mac環境とは言え、それはとても便利ですね。

教えていただき、ありがとうございます。m(_ _)m

]]> 不具合報告 リフィトリー https://wp-cocoon.com/community/bugs/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a9%e3%83%a0%e3%81%ae%e3%83%88%e3%83%94%e3%83%83%e3%82%af%e3%82%b9%e3%82%92%e9%96%8b%e3%81%8f%e3%81%a8%e6%a8%aa%e6%8f%ba%e3%82%8c%e3%81%97%e3%81%a6%e3%81%84%e3%81%be/#post-21903 RE: フォーラムのトピックを開くと横揺れしています https://wp-cocoon.com/community/bugs/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a9%e3%83%a0%e3%81%ae%e3%83%88%e3%83%94%e3%83%83%e3%82%af%e3%82%b9%e3%82%92%e9%96%8b%e3%81%8f%e3%81%a8%e6%a8%aa%e6%8f%ba%e3%82%8c%e3%81%97%e3%81%a6%e3%81%84%e3%81%be/#post-21902 Mon, 16 Sep 2019 03:02:53 +0000 leafytreeさん

XcodeというアプリのiOSシミュレーターを使っています。※Mac専用のアプリです。

ユーザーエージェントの切替とは違い、実機と同じ環境で表示できます。

①XcodeのiOSシミュレーターを起動して、safariから該当URLにアクセス。

②Mac側のsafariも起動して、開発メニューからデベロッパーツールを起動します。

これでChromeとかのデベロッパーツールと同じように扱えます。

デベロッパーツールでCSSなどを反映すると、iOSシミュレーター側の表示も適用されます。

]]> 不具合報告 たなかま https://wp-cocoon.com/community/bugs/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a9%e3%83%a0%e3%81%ae%e3%83%88%e3%83%94%e3%83%83%e3%82%af%e3%82%b9%e3%82%92%e9%96%8b%e3%81%8f%e3%81%a8%e6%a8%aa%e6%8f%ba%e3%82%8c%e3%81%97%e3%81%a6%e3%81%84%e3%81%be/#post-21902 RE: フォーラムのトピックを開くと横揺れしています https://wp-cocoon.com/community/bugs/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a9%e3%83%a0%e3%81%ae%e3%83%88%e3%83%94%e3%83%83%e3%82%af%e3%82%b9%e3%82%92%e9%96%8b%e3%81%8f%e3%81%a8%e6%a8%aa%e6%8f%ba%e3%82%8c%e3%81%97%e3%81%a6%e3%81%84%e3%81%be/#post-21899 Mon, 16 Sep 2019 02:00:24 +0000 たなかまさん

私はデベロッパーツールで、はみ出し部分を見つけられなかったのですが、後学のため、どのような環境でお使いになっているか、ご教示いだたけますか？

]]> 不具合報告 リフィトリー https://wp-cocoon.com/community/bugs/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a9%e3%83%a0%e3%81%ae%e3%83%88%e3%83%94%e3%83%83%e3%82%af%e3%82%b9%e3%82%92%e9%96%8b%e3%81%8f%e3%81%a8%e6%a8%aa%e6%8f%ba%e3%82%8c%e3%81%97%e3%81%a6%e3%81%84%e3%81%be/#post-21899