
モバイルデバイスで水平スクロールなくす
モバイルウェブで水平スクロール(水平スクロール)がある場合は、上記の図のように画面をタッチして左に移動させると、サイトが左右に動くようになって非常に不快になります。 モバイル機器で水平スクロールを無効にして、この問題を解決することができます。
モバイル機器で水平スクロールがされている場合は、次のような措置を取ってみます。
まず、以下のメタタグを ヘッダに追加します。 (既に存在する場合、既存のを交換します。)
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, minimum-scale=1">
いくつかのユーザーは、 content = "initial-scale = 1.0; maximum-scale = 1.0;を削除したら、問題が解決されるともね。
<meta name="viewport" content="user-scalable=0;"/>
iPhoneのなどApple iOSデバイスでの問題が表示される場合は、次のメタタグを追加するようにします。
<meta content="yes" name="apple-mobile-web-app-capable" /> <meta content="minimum-scale=1.0, width=device-width, maximum-scale=1, user-scalable=no" name="viewport" />
iOSデバイスでの問題については このstackoverflow記事で詳細を確認することができます。
私は上記の方法でも、モバイル機器で水平スクロールがなくならなかった。 代わりに、次のようなCSSコードをスタイルシートファイル(style.cssの)に追加したら、問題が解決されました。
/* 모바일 수평 스크롤 금지 */ html, body { max-width: 100%; overflow-x: hidden; }
他にも次のようなCSSコードを試してみます。
body { overflow: hidden; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
以上にモバイル機器で水平スクロールが生じる場合に水平スクロールをなくす方法について説明しました。
こんにちは! AdSense 縦型広告の端がモバイルでどんどん切り取られる風に水平スクロール問題なので、ヨー方法を適用してみましたが、その広告が送出されませんでした。 もしこの場合、もう少し待つとサイズに合った広告が送出されるのでしょうか?
자동 광고를 표시하고 계시나요? 자동 광고를 표시할 경우 일부 WordPress 테마에서 광고가 이상하게 표시되는 경우가 있습니다. (이런 문제는 WordPress뿐만 아니라 티스토리 스킨 등에서도 비슷하게 발생할 수 있습니다.)
まずは 有料テーマ인 경우 테마 판매자에게 문의하여 문제 해결을 시도해볼 수 있을 것입니다.
만약 테마 개발자를 통해 문제를 해결할 수 없다면 자동 광고 기능을 해제하고 수동으로 광고를 배치하는 것을 고려해보시기 바랍니다.
Ad Inserter와 같은 プラグイン을 사용하면 편리하게 광고를 추가할 수 있습니다. Ad Inserter プラグイン을 사용하면 정교하게 광고 배치 위치를 지정하는 것이 가능합니다.
https://www.thewordcracker.com/intermediate/%EC%9B%8C%EB%93%9C%ED%94%84%EB%A0%88%EC%8A%A4-css-%EC%84%A0%ED%83%9D%EC%9E%90-%EC%A0%84%ED%9B%84%EC%97%90-%EA%B4%91%EA%B3%A0-%EC%82%BD%EC%9E%85%ED%95%98%EA%B8%B0/
모바일용 광고와 PC용 광고를 분리하여 광고 크기를 지정할 수 있습니다.
おかげで一週間以上悩んでいた問題を一瞬で解決しました。
Sticky Pluginが正常に動作しなかったため、Supportを要求しても解決できなかった問題でした...
他の木の橋でこのような良い情報を見つけるかどうかは本当に知りませんでした。
良い情報ありがとうございます!
問題が解決してよかったです。 明けましておめでとうございます。
自分の命を救ったイヤー
役に立ちましたことを願って。楽しい一日を過ごす。
良い文参考ました。 ありがとうございます。
んでこんにちは、さん?
ブログを訪問してくださってコメントを残していただきありがとうございます。
楽しい夜の時間を過ごしてください🙂
ありがとうございます。 ヘメトたoverflow-x:hidden; コード入れたらすぐに解決ですね^^