2016-09-29 50 views
1

我所有的iOS瀏覽器(Safari,Chrome,Firefox和Opera)都會自行更改卷積撇號,後跟's'以排版不正確的直撇子。更奇怪的是,它進行此更改,如果撇號後面沒有一個「s」(截屏curly vs. straight apostrophes顯示每個的例子。)iOS(但不是OSX)瀏覽器將捲曲撇號更改爲直接

Codepen example

我可以通過插入解決這個問題’字符任一側上的字連接符字符(HTML實體⁠)。

下面是HTML是應該工作:

<li>Delta Airlines&rsquo; Sky magazine</li> 
<li>Delta Shuttle&rsquo;s Shuttle Sheet magazine</li> 

這裏是實際確實工作的HTML:

<li>Delta Airlines&#8288;&rsquo; Sky magazine</li> 
<li>Delta Shuttle&#8288;&rsquo;&#8288;s Shuttle Sheet magazine</li> 

我的OSX桌面瀏覽器沒有表現出這種奇怪的行爲。 (更新:我使用OSX v10.7.5 - 當前版本的OSX 確實表現出與iOS相同的行爲) 換句話說,在OSX中,我可以省略Word Joiner字符和捲曲撇號正確顯示帶或不帶尾隨的's'。 是的,我明確聲明<meta charset="utf-8">

所以我可以解決這個問題,但我不應該;每次使用撇號時必須對此保持警惕是一件很痛苦的事情,並且會讓HTML變得更加混亂和模糊。有人知道這裏發生了什麼嗎?

+0

我將渲染後的輸出添加到您的問題中,除了我的Mac之外,我還看到了運行iOS 10的iPhone和運行iOS 9的iPad上的預期捲曲撇號 - 全部使用Safari。也許堆棧溢出正在改變一些東西。可能會幫助發佈一個鏈接到一個真實的URL來演示這個問題。 – rmaddy

+0

@ rmaddy-我認爲發佈渲染輸出沒有意義,因爲這個問題在桌面瀏覽器中不會發生,但只在iOS中發生。這就是我附上iPhone截圖的原因。我正在運行iOS 9.3.5,所以也許他們在iOS 10中修復了這個問題。 –

+0

很多人在iOS設備上使用SO。我經常這樣做。 – rmaddy

回答

相關問題