https://yu-fu.site/tags/%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B7%E3%83%96/Recent content in レスポンシブ on エンジニア技術ブログHugo -- gohugo.ioja© 2026 ゆーふーFri, 23 Jan 2026 22:42:54 +0900https://yu-fu.site/posts/safari-safe-area-header-fix/Fri, 23 Jan 2026 22:42:54 +0900https://yu-fu.site/posts/safari-safe-area-header-fix/iPhoneのノッチやホームバーにコンテンツが被ってしまう「セーフエリア問題」。viewport-fit=coverの設定からenv(safe-area-inset)の使いこなし、横向き表示でのレイアウト崩れ対策まで、モダンなモバイルWeb開発に必須のCSSテクニックを実例付きで解説します。