原因1:
画像が画面サイズに収まらない。
<style type="text/css">
img{
max-width:100%;
height:auto;
}
</style>
原因2:
table タグが画面をはみ出ている。
修正例:
【CSS】
.table_container {
overflow-x: auto;
}
.table_container::-webkit-scrollbar {
height: 10px;
}
【コード】
<div class ="table_container">
<table>
</table>
</div>
原因3:
その他原因で左右に揺れる場合あり
html {
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}
body {
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}
最終更新日:2020/06/07
[ホーム] -
[SEO対策におけるエラーメッセージとその対処一覧] - [コンテンツの幅が画面の幅を超えています]