Skip to content

CSS の長さの単位 vw, vh を dvw, dvh に置換#179

Merged
take-cheeze merged 1 commit into
masterfrom
fix_ui_size
Jul 6, 2026
Merged

CSS の長さの単位 vw, vh を dvw, dvh に置換#179
take-cheeze merged 1 commit into
masterfrom
fix_ui_size

Conversation

@Raclamusi

Copy link
Copy Markdown
Member

CSSの vw, vh はスマホにおいてアドレスバーなどのブラウザの UI を含むビューポート全体の長さを基準とするため、コンテンツが実際に表示される領域よりも大きくなり、画面からはみ出して見えなくなることがあります。
dvw, dvh はブラウザの UI を除いた領域を基準にするため、 vw, vh の代わりに使用することでスマホでもコンテンツがはみ出さなくなります。

cpprefjp をスマホで見た時、サイドバーの下が UI に隠れます。これが修正されます。

vw, vh はスマホにおいてアドレスバーなどのブラウザの UI を含むビューポート全体の長さを基準とするため、コンテンツが実際に表示される領域よりも大きくなり、画面からはみ出して見えなくなることがあります。
dvw, dvh はブラウザの UI を除いた領域を基準にするため、 vw, vh の代わりに使用することでスマホでもコンテンツがはみ出さなくなります。
@Raclamusi Raclamusi requested a review from take-cheeze as a code owner July 5, 2026 13:47
@faithandbrave

Copy link
Copy Markdown
Member

いただいてる2件のPRは @take-cheeze さんがレビュアーになってるので、一旦置いてありますが、私としてはOKです。
表示として壊れないことが確認できているのであれば、随時マージ作業していただいてもだいじょうぶです

@take-cheeze take-cheeze left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM 👍
(レビュアーは https://github.com/cpprefjp/kunai/blob/master/.github/CODEOWNERS でつけているだけなので、ほかにレビューしてくれる人がいらっしゃればと思います)

@take-cheeze take-cheeze merged commit 1838395 into master Jul 6, 2026
1 check passed
@take-cheeze take-cheeze deleted the fix_ui_size branch July 6, 2026 03:44
@faithandbrave

Copy link
Copy Markdown
Member

あ、これに入れると自動的にレビュアーになるんですね

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants