Как верстать под все браузеры?

Question

[Programmir]

Сверстал сайт. На ie11 нормально работает. Но потом глянул сайт во встроенном браузере на андроид 4.2, там сайт поплыл. Открыл хром в мобильном браузере, так там jquery клик не работал. Я не понимаю, как учесть 1000 версий браузеров. Открываешь в одном, то не так, в другом это.

Comments

[Stanislav]

Для этого существуют плагины инспекции для IDE, онлайн сервисы, и много другого инструментария.

[Владислав Лысков]

делать сразу всё правильно, это приходит с опытом
а так

о потом глянул сайт во встроенном браузере на андроид 4.2, там сайт поплыл.

куда он у тебя поплыл?

Открыл хром в мобильном браузере, так там jquery клик не работал.

эт как? ну да ладно, предположим ты открыл хром не в мобильном браузере, а на мобиле, какой версии? где скрипт, который не работал?
давай конкретные вопросы

[Programmir]

Владислав Лысков, есть подозрение, что в flex-direction префиксы не написал, почему-то в колонки из строки не перешёл. Думаю, тогда лучше display: block использовать. В хроме на андроиде не работает событие click, браузер просит обновиться. Может на необновлённой версии только не срабатывает событие click.

[Владислав Лысков]

Programmir, там хром 11го года? ~7лет давности? и вас удивляет почему flex ведёт себя некорректно?

Answer 1

[Мария Коробкоголовых]

Верстаешь сайт в одном браузере, смотришь как и что в других. Сразу все не сможешь учесть, но при выявлении конкретной проблемы уже будешь фиксить.

Следи за тем, чтобы вендорные префиксы были расставлены. Рекомендую установить autoprefixer в проект, он будет делать это за тебя. Если сомневаешься в какой-то технологии/css-свойстве, можешь на сайте can i use смотреть как эти технологии поддерживаются в разных браузерах



Можешь еще проверять верстку на валидность