аддинги в вёрстке под iOS
Я решил, что раз уж времени на большие посты у меня не хватает, а писать что-то всё-равно хочется, то буду писать о всяких мелочах, которые замечаю.
Довольно банальная вещь, которая может довольно сильно влиять на восприятие страниц при просмотре их под Сафари в iOS: при зуме через дабл-тап происходит приближение к тому элементу под тапом, который находится ближе всего в дереве и имеет не инлайновое позиционирование.
Иногда это может сыграть дурную шутку, особенно в случаях когда внутренние элементы как-то хитро позиционируются из контейнера.
Кроме того, зум к элементам стандартных списков в большинстве случаев вынесет маркеры за пределы вьюпорта, что, например, для нумерованных списков будет очень некстати. Чинится это заданием паддинга не к UL/OL, а непосредственно к LI, ну и переопределение стилей для маркеров. Ну и никаких маджинов.
Вот пример, который можно открыть в iOS и позумиться там к разным блокам.
Вы можете прокомментировать эту статью в Мастодоне.
Опубликовано с метками: #Practical #CSS