[ホーム] - [SEO対策におけるエラーメッセージとその対処] - [コンテンツの幅が画面の幅を超えています]




コンテンツの幅が画面の幅を超えています | 原因と対処


コンテンツが画面サイズに収まらない。
例えばスマホの横幅より画面サイズが大きい。


原因1:


画像が画面サイズに収まらない。



対処:1


<style type="text/css">
img{
max-width:100%;
height:auto;
}
</style>




原因2:


table タグが画面をはみ出ている。



対処:2


修正例:

【CSS】
.table_container {
overflow-x: auto;
}
.table_container::-webkit-scrollbar {
height: 10px;
}

【コード】
<div class ="table_container">
<table>

</table>
</div>




原因3:

その他原因で左右に揺れる場合あり



対処:3


html {
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}
body {
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}








最終更新日:2020/06/07

[ホーム] - [SEO対策におけるエラーメッセージとその対処一覧] - [コンテンツの幅が画面の幅を超えています]


本サイト内掲載されている情報は、著作権法により保護されています。いかなる場合でも権利者の許可なくコピー、配布することはできません。 このページはリンクフリーです。(このページへの直接リンクも可能です。) Copyright(c) tooljp.com 2007-2019