Почему мой CSS "порой"

Question

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

Отказ от ответственности: Я еще не приступил к серьезному расследованию причин. Я обращаюсь к Stackoverflow, потому что мне лень, и я надеюсь, что кто-то скажет: «Это случилось со мной однажды, вероятно, это ...». Поэтому, пожалуйста, никто не зацикливается на решении этой проблемы, если это то, чего вы никогда раньше не видели, поскольку это было бы несправедливо, поскольку я сам этого не делал.

Хорошо, немного фона:

• Проблема обычно (возможно, всегда) возникает при первом просмотре страницы
• Проблема появляется не всегда, только иногда
• Когда страница отображается в разобранном виде, при обновлении она обычно перезагружается, как и должно быть
• Сайт представляет собой приложение rails
• CSS проходит через аккуратный Smurf Gem , который автоматически минимизирует CSS и Javascript на странице.
• Проблемы с макетом возникают в Firefox (как в Linux, так и в WinXP)
• CSS обслуживается в производственной среде с помощью опции ": cache => true", которая объединяет все файлы css в один файл

В любом случае, я надеюсь, что это случилось с кем-то раньше, и это будет действительно легко исправить. Если нет, я пойду, исследую и вернусь с решением (или запросом дополнительной помощи).

Заранее спасибо!

Джеймс.

[править] Я добавил первые два пункта, вдохновленные комментариями и первым ответом. [/ Edit]

Answer 1

У нас было нечто подобное при использовании HAML и SASS, в результате чего CSS был полностью недоступен.Это произошло только на развертывании.Мы определили, что это была комбинация слияния стилей Rails и генерации CSS из SASS.Sass не закончил генерацию CSS, что он и сделал при первом запросе к приложению, когда Rails попытался объединить все это вместе.В результате получился испорченный бесполезный файл CSS.Затем мы наткнулись на эту статью , в которой есть решение для предотвращения этой проблемы.

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

Peer

Answer 2

Если для изображения не назначена высота / ширина, на странице создается место, и оно помещается туда.Если изображение не совсем подходит, браузер может не знать об этом, пока оно не обновится.Тогда он уже знает размер и может правильно разместить его на странице.

Answer 3

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