Является ли использование позиции: абсолютное внутреннее относительное может создать проблемы в печати, чтения с экрана и для мобильных пользователей?

Question

Может ли использование position:absolute внутри relative создавать проблемы при печати, программах чтения с экрана и для мобильных пользователей?

или float + margin + Padding по-прежнему лучше, если нам нужна хорошая совместимость на экранах, в печати и для программ чтения с экрана и мобильных пользователей. Должен ли я меньше использовать Position?

Answer 1

Программы чтения с экрана полностью игнорируют расположение элементов с помощью CSS. Вместо этого они используют порядок, в котором элементы появляются в DOM, когда решают, что читать первым.

Рассмотрим следующий пример:

<p style="position:absolute;top:100;left:0">Foo</p>
<p style="position:absolute;top:0;left:0">Bar</p>

Визуально, абзац "Бар" появляется первым, потому что мы разместили его над другим с помощью CSS. Но программа чтения с экрана игнорирует CSS и просто читает абзац «Foo», а затем абзац «Bar».

Итак, чтобы ответить на ваш вопрос, да, это, вероятно, хорошо для пользователей программы чтения с экрана. Однако помните о порядке элементов и убедитесь, что страница по-прежнему имеет смысл при чтении в таком порядке.

Для позиции: исправлено, это будет зависеть от ваших целевых браузеров. IE6, например, не поддерживает «фиксированное» позиционирование. Большинство мобильных телефонов тоже этого не делают (определенно мобильный Safari не поддерживается на iPhone) из-за того, что область просмотра имеет ограниченный размер.