Как получить кроссбраузерность?

Question

[Zhanna_K]

Добрый день! Сверстала макет на sass, подключила normalize.css и autoprefixer.
В результате в Chrome картинка красивая и при изменении размера экрана всё хорошо, но в Safari всё не так гладко (при изменении размеров экрана некоторые блоки ведут себя не как задумано).
Что еще нужно учесть для того, чтобы во всех браузерах верстка соответствовала макету?

Answer 1

[ThunderCat]

Что еще нужно учесть для того, чтобы во всех браузерах верстка соответствовала макету?

Много чего. Например то, что сафари на макосях построен на движке хорма, НО:
а) всегда отстающей от текущей актуальной версии туеву хучу фишек не поддерживает (например гриды);
б) Имеет некоторые отличия в коде, обусловленные "особенностями платформы;
в) Вишенка на торте - хром под яблоком - это ниразу не хром. Это (тадааам!) сафари со скином хрома, который на движке хрома (парам-пара-пам, фью)!

ЗЫ: Свежая байка из склепа рабочих будней. Сеошник выдает резюме по гуглспидтесту страничек - "у нас все плохо, давайте, как завещал великий гугл, сделаем картинки в вебп, это модно-стильно-молодежно, это нравится гуглу и пахнет ёлкой!". Ну, ок, пнули админа, он доставил вебп модуль, слепили патч, закатали в деплой на серв - ляпота, картинки сильно ужались, гуглу нравится, мне нравится, админу нравится, сеошник вообще ссытся кипятком, а шефу почему-то не нравится. На егойном айпадпро картинок нет. Привереда. Ладно, ищем причину... Выяснили что сафари (заодно со всем яблочным королевством) лютой лютостью ненавидят ваш вебп, в гробу его видали и уже тапки белые прикупили на этот случай. Ладно, поставим шефу хром, а в остальном у нас на сафари 1% пользователей, ченть потом придумаем... И тут мы узнали что такое хорм под айосью ))). Историю про то как ПРАВИЛЬНО написать тег picture для яблока - в следующей страшилке )

Comments

[Кирилл Никитин]

Сафари на WebKit ведь, а хром на движке блинк. Скажем, касательно того-же webp, хром под яблоком их открывал, что как-бы намекает. И да, у них были серьезные тёрки с гуглом по их webp формату, но вроде урегулировали и с последней 14 версией появилась поддержка, на iOS тоже.

[ThunderCat]

Кирилл Никитин,

crome engines: Blink, Webkit on iOS(since Apple does not allow third party web engines)

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

[Алекс Глебов]

Админ не доделал отдачу webp только для браузеров с поддержкой
https://ruhighload.com/%D0%9E%D0%BF%D1%82%D0%B8%D0...

[Rustam Bainazarov]

Safari уже давно на WebKit и поддерживает Grid с версии 11.1 на MacOS и с версии 10.3 на iOS.

Автору Zhanna_K же я могу посоветовать только учиться верстать и показать неработающий код, т. к. подобных проблем в Safari в целом нет. Но есть более дурацкие проблемы, связанные с механизмом прокрутки, рендерингом шрифтов, рендерингом трансформаций, псевдоэлементов с трансформациями и т. п. Поэтому нам было бы желательно увидеть пример кода.

[Кирилл Никитин]

ThunderCat, да я тоже ещё пару лет после перехода думал, что они все на вебкит.

А то что под макосью хром суть Сафари - факт.

Под iOS. Из-за особенностей системы все сторонние браузеры крутятся вокруг сафари, но на макос хром это хром. Ну, на сколько я знаю.

И на айпадах вебп до сих пор не работает

Не, они всё обновили. Последнии версии iOS и PadOS идут с сафари, который умеет.

[ThunderCat]

Кирилл Никитин,

Не, они всё обновили. Последнии версии iOS и PadOS идут с сафари, который умеет.

нет. во всяком случае айпад-про не поднял вебп, со всеми обновлениями. не пашет.

[Кирилл Никитин]

ThunderCat, с iPadOS 14? Не, я спорить не буду, мой до 14 уже обновить нельзя и проверить не могу, но вот iPhone после обновления до iOS 14 начал открывать webp.

[ThunderCat]

Кирилл Никитин, с другими осями вполне возможны варианты, но на айпаде однозначно жопа. Пришлось делать +жпеги и пиктуре с вариантами вебп/жпег, тогда завелось.

[Кирилл Никитин]

ThunderCat, сомневаюсь конечно, что с iPad так, всё же его ось чуть расширения версия iOS, но в любом случае прогресс есть и одним костылём будет меньше. Приятно с тобой поболтать.

[Zhanna_K]

Рустам Байназаров, спасибо, я уже решила свою проблему! Разница была в поведении блоков-контенеров, внутри которых находился элемент img