аддинги в вёрстке под iOS

Я решил, что раз уж времени на большие посты у меня не хватает, а писать что-то всё-равно хочется, то буду писать о всяких мелочах, которые замечаю.

Довольно банальная вещь, которая может довольно сильно влиять на восприятие страниц при просмотре их под Сафари в iOS: при зуме через дабл-тап происходит приближение к тому элементу под тапом, который находится ближе всего в дереве и имеет не инлайновое позиционирование.

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

Кроме того, зум к элементам стандартных списков в большинстве случаев вынесет маркеры за пределы вьюпорта, что, например, для нумерованных списков будет очень некстати. Чинится это заданием паддинга не к UL/OL, а непосредственно к LI, ну и переопределение стилей для маркеров. Ну и никаких маджинов.

Вот пример, который можно открыть в iOS и позумиться там к разным блокам.

Опубликовано с метками: