修真机首页缩成一团:.prose 补 overflow-wrap:anywhere——时间线正文里的裸 URL 不可断行把布局撑到 557px,手机浏览器缩放适配溢出宽度后整页缩小、右侧留出被裁剪的空白区
This commit is contained in:
@@ -230,7 +230,10 @@ html.topbar-hidden {--topbar-h: 0px;}
|
|||||||
min-width: 0;}
|
min-width: 0;}
|
||||||
.prose {font-size: 16.5px;
|
.prose {font-size: 16.5px;
|
||||||
line-height: var(--lh);
|
line-height: var(--lh);
|
||||||
color: var(--ink);}
|
color: var(--ink);
|
||||||
|
/* anywhere 而非 break-word:长 URL/长 token 要参与 min-content 计算,
|
||||||
|
否则时间线正文里的裸链接会把列撑破(真机上浏览器缩放适配后整页缩小+右侧留白) */
|
||||||
|
overflow-wrap: anywhere;}
|
||||||
.prose > :first-child {margin-top: 22px;}
|
.prose > :first-child {margin-top: 22px;}
|
||||||
.prose p {margin: 0 0 1.1em;}
|
.prose p {margin: 0 0 1.1em;}
|
||||||
.prose > p:first-of-type::first-letter {float: left;
|
.prose > p:first-of-type::first-letter {float: left;
|
||||||
|
|||||||
Reference in New Issue
Block a user