css スマホで右側にチョットはみ出る、その全てを解決する方法を発見。

@media screen and (max-width: 768px) {

  * {max-width: calc(100vw - calc(100vw - 100%));}

}

• 要するに、画面幅より大きくなったとき、画面幅にする。
• calc(100vw - 100%)は、スクロールバーが出たとき、それを引く式（らしい）。Responsive Viewerなどで見たときに効く。
• 各cssの先頭に入れるとよいです。

 追記）

実際に運用してみたら、ポップアップやツールチップなどでおかしな表示になってしまった。なので、:notなどで適用範囲を制限する必要に迫られた。