通過閱讀這個話題,我意識到在Safari上使用連字符有很多問題。然而,我找不到這一個的提及。
我用以下CSS規則設計了一個網站:
body {hyphens: none}
@media screen and (max-width: 342px) {
h1, h2 {
word-break: break-word;
hyphens: auto;
overflow-x: hidden;
}
}
大多數時候,我不想要連字符,除非是在很小的屏幕上顯示較大的標題。
這在Firefox和Chrome上運行良好。然而,在Safari上,連字符規則伴隨著一個黃色的三角形警告符號,并以灰色顯示信息& quot不支持的屬性名& quot。這很奇怪,因為連字符顯然受Safari支持。無論如何,連字符似乎適用于所有屏幕尺寸。
你可以在Safari上查看這期雜志,在這一頁的第一個標題上寫著& quotMaruthappu & quot。下面我也有一些截圖。
上一篇python 新聞篩選器
下一篇vue多個盒子移動