设备
移动端
条件
- 如果首页文章标题出现了较长的不可断开的字符串,那该标题的长度将溢出
查找
移动端首页文章标题给了样式 overflow-wrap: break-word;
使不能断开的字符串强制换行,是可以的。但里面还包裹了一个 a 标签,设置了 display: inline-block;
,但是没给最大宽度,这样就可能导致标题溢出。
所以,在 themes/next/source/css/_common/components/post/post-header.styl
37 行后另起一行,加上如下代码即可:
max-width: 100%;