- 2026.09.13
- CSS, JavaScript, UI実装, スマホ,
モーダルを開くと背景がスクロールする問題の正しい止め方｜overflow:hiddenが効かない理由・iOSの落とし穴・ガタつき対策まで
「スマホでハンバーガーメニューを開くと、後ろのページがスルスル動いてしまう」「PCではモーダルを開いた瞬間にページ全体が横にガタッとずれる」 […]
スマホ
スマホで横スクロールが出る原因の特定手順と直し方｜overflow-x:hiddenで隠す前にやること
「PCでは問題ないのに、スマホだと画面が少し横に動く」「右にスワイプすると白い余白が出る」——レスポンシブ実装で最後まで残りがちな不具合です […]
iPhoneで入力欄をタップすると画面が拡大する原因と直し方｜16px指定・user-scalable=noが効かない理由まで
スマホ実機でお問い合わせフォームを触ったときに、入力欄をタップした瞬間に画面全体がぐっと拡大し、そのまま戻らない——制作の現場でいちばん報告 […]
スマホでタップ後に:hoverが残る問題の直し方｜@media (hover: hover)とタップ挙動の実務対応
PCで作ったボタンやカードをスマホ実機で確認すると、タップしたあとhoverの見た目（色が変わる・浮き上がる・画像が拡大する）がそのまま残り […]
100vhがスマホでずれる原因と、dvh/svh/lvhの正しい使い分け【CSS実例】
スマホで確認したらファーストビューの下にあるボタンが画面外に隠れている、スクロールしていないのに縦スクロールバーが出る——height: 1 […]
スマホ実機でMedia Query（メディアクエリ）が効かない場合の解決方法
メディアクエリが効かない・・・[私の場合] クライアント要求 「LP作って！共通部分（ヘッダフッタ）は、今公開中のサイトからとってきてとりあ […]
- 2016.07.22
- スマホ,
レスポンシブのブレイクポイント
モバイルファースト前提。min-width ベースで記述する。 推奨ブレイクポイント /* ── ベース：スマホ（〜599px） ── */ […]
- 2016.03.04
- スマホ,
SP閲覧時のみJsをオフにする
パララックスやJsでギミックをつける案件がかなり増えていますが、 スマホではこの動きは見づらくなってしまいますので、 SPからの閲覧時のみJ […]
- 2015.05.09
- スマホ,
スマホ：iframeが全表示されてしまう
問題 個人情報保護方針などは、他のページからiframeで内容を引っ張ってきて 別サイト内に表示という場合が多いですが、 スマホ表示の際、高 […]
- 2015.03.29
- スマホ,
スマホ：レスポンシブで右側に謎の余白
問題 レスポンシブサイトをコーディングして、 PC表示は問題ないのに、スマホの表示時のみ、 画面の右側に謎の余白ができていた。 解決策 コン […]