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

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

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

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

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

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