换个字体真是麻烦多。

文字换行(iPhone 6)

搞笑的是,电脑浏览器“响应式设计模式”中竟然无法复现,只有老款手机上才发生。

解决办法:

/* 父容器 */
.site-header .header-inner {
	display: inline-flex;
}
/* 子容器 */
.site-title {
	white-space: nowrap;
	text-overflow: ""
}
文字不换行

共有 12 条评论

  1. 大致

    辽宁

    这应该是浏览器的锅吧。某个css属性在每个浏览器的某个版本上是否支持,好像每个属性的官方文档上都会拉个表下来。幸好我不干前端,否则这要兼容十几年前老货的需求就能把我烦死。

    四小时前 Microsoft Edge 131 · Windows 10

    回复

    • S

      江苏

      @大致 是的。我还找出古董Windows手机充电开机试了下,然后默默地关了。

      三小时前 Safari 16 · Mac OS X 10.15

      回复

       

发表评论

您的邮箱地址不会被公开。 必填项已用 * 标注