Что делать если у некоторых пользователей на сайте не работает css?

Question

[Михаил Макеев]

Иногда мне пользователи присылают вот такие скрины с некорректно работающими css стилями


Хотя в оригинале всё выглядит вот так


Эта ошибка возникает не у каждого посетителя, т.к. если она всё-таки появляется, то невозможно совершить конечное действие - создать тест. (А эти тесты создаются, я вижу по поиску vk).

Как решить эту загадочную проблему?

Answer 1

[Андрей]

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

Comments

[Михаил Макеев]

Понял, спасибо :)
Бегом гуглить и узнавать про кроссбраузерность

[Andrey Suha]

Михаил Макеев, да тут нечего гуглить, если присылают что работает не корректно просите браузер и его версию и смотрите уже в нем

[ThunderCat]

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

[Михаил Макеев]

ThunderCat, для красных кругов и input'ов я использовал grid сетку. Так что из-за уменьшения размера вся эта конструкция уходит вправо, а не "разрывается", как на скриншоте

[ThunderCat]

Михаил Макеев, для таких вещей как раз и существуют медиа-запросы.

[Евгений]

Михаил Макеев, не все браузеры поддерживают
grid

[Михаил Макеев]

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

Answer 2

[Сергей]

Чтобы решить, нужна ссылка. Ибо сейчас все выглядит так... У меня автомобиль не работает, высылаю фото, скажите как решить эту проблему? =)

Comments

[Михаил Макеев]

Вот, держите

Проблема на странице создания теста