モバイルページが表示され、エンドを解決する水平スクロールバーの問題をX軸

最近、公式サイトの携帯電話側を適合させる必要性を書いた、水平スクロールバーがマップ上、ページの周りのスライドにスライドにつながる、X軸スクロールバーである、表示されます常に終了した後に、モバイル終わりが見つかりました：

 

 、100％を除去することはできませんが、後でこの問題の主な理由が発生しているが見つかりました：隠された、幅：それはあなたがセットオーバーフロー-xの場合にも、厄介です

よりY軸のスクロールバーが表示されるまで、コンテンツのリードので、ページの幅を占め、X軸スクロールバーつながるあなたが行うには、適応型フレームワークを使用する場合、ユーザーエクスペリエンスに影響を与える表示されます。

唯一の私のコードは、水平スクロールバーになりますについての私の母は、もはや心配する必要は後に、完全な解決策になることはできませんCSSに次のコードを追加する必要があります。

コードは以下の通りであります：

HTML { 
  オーバーフロー-Y ：スクロール。
} 

：ルート { 
  オーバーフロー-Y ：オート。
  オーバーフロー-X ：隠されました ; 
} 

：ルート本体 { 
  位置：絶対。
} 

本体 { 
  幅：100vw。
  オーバーフロー：隠されました ; 
}