Странный рендеринг элемента SPAN в Safari (на iPhone)

Question

Всякий раз, когда в содержимом HTML присутствует элемент SPAN, мобильная версия Safari отображает содержимое по-разному - кажется, что размер шрифта увеличивается для всего абзаца. Рассмотрим два примера.

<div style="border: 1px solid red; width:500px;">
<p>This is a paragraph. This is a paragraph. This is a paragraph.</p>
</div>

и

<div style="border: 1px solid red; width:500px;">
<p>This is a <span>paragraph</span>. This is a paragraph. This is a paragraph.</p>
</div>

Второй пример нарушает структуру страницы, потому что размер шрифта увеличивается, и поэтому содержимое превышает ширину div. Есть ли способ обойти это (кроме использования SPAN)?

iPhone OS 3.1.2

Answer 1

попробуйте добавить -webkit-text-size-adjust: none; к CSS, и iPhone в сафари должен перестать делать размер шрифта span разным.

Answer 2

Отображение этих двух фрагментов HTML выглядит идентично мне на iPhone Safari (также iPhone OS 3.1.2).

Есть ли какой-либо CSS, применяемый к тегам SPAN?

[Edit: я вижу разницу сейчас; вы не увидите никакой разницы, если оба примера будут на одной странице.]

[Добавлено:] Если явно установить размер, то получается, что вы можете получить одинаковый размер текста между ними. Например:

<style type="text/css">
  div, p, span {
    font-size: 24px;
  }
</style>

Answer 3

Пол, не могли бы вы попытаться явно установить размер шрифта для диапазона, соответствующего размеру тега абзаца, и посмотреть, решит ли это вашу проблему?