我所有的iOS瀏覽器(Safari,Chrome,Firefox和Opera)都會自行更改卷積撇號,後跟's'以排版不正確的直撇子。更奇怪的是,它不進行此更改,如果撇號後面沒有一個「s」(截屏curly vs. straight apostrophes顯示每個的例子。)iOS(但不是OSX)瀏覽器將捲曲撇號更改爲直接
我可以通過插入解決這個問題’
字符任一側上的字連接符字符(HTML實體⁠
)。
下面是HTML是應該工作:
<li>Delta Airlines’ Sky magazine</li>
<li>Delta Shuttle’s Shuttle Sheet magazine</li>
這裏是實際確實工作的HTML:
<li>Delta Airlines⁠’ Sky magazine</li>
<li>Delta Shuttle⁠’⁠s Shuttle Sheet magazine</li>
我的OSX桌面瀏覽器沒有表現出這種奇怪的行爲。 (更新:我是使用OSX v10.7.5 - 當前版本的OSX 確實表現出與iOS相同的行爲)
換句話說,在OSX中,我可以省略Word Joiner字符和捲曲撇號正確顯示帶或不帶尾隨的's'。
是的,我明確聲明<meta charset="utf-8">
。
所以我可以解決這個問題,但我不應該;每次使用撇號時必須對此保持警惕是一件很痛苦的事情,並且會讓HTML變得更加混亂和模糊。有人知道這裏發生了什麼嗎?
我將渲染後的輸出添加到您的問題中,除了我的Mac之外,我還看到了運行iOS 10的iPhone和運行iOS 9的iPad上的預期捲曲撇號 - 全部使用Safari。也許堆棧溢出正在改變一些東西。可能會幫助發佈一個鏈接到一個真實的URL來演示這個問題。 – rmaddy
@ rmaddy-我認爲發佈渲染輸出沒有意義,因爲這個問題在桌面瀏覽器中不會發生,但只在iOS中發生。這就是我附上iPhone截圖的原因。我正在運行iOS 9.3.5,所以也許他們在iOS 10中修復了這個問題。 –
很多人在iOS設備上使用SO。我經常這樣做。 – rmaddy