FF загружает CSS по-разному при обновлении

Question

Я добавил небольшое рекламное объявление с поддержкой jQuery в заголовок нашего сайта. Отладил его в FF и убедился, что он работает в IE. Я начал ходить по офису и заметил, что в FF всякий раз, когда человек переходит на страницу «только в первый раз», позиция объявления не является правильной (используется абсолютное позиционирование). Обновите страницу, и она загрузится так, как я ожидал / предназначил для загрузки. IE вроде работает. У кого-нибудь есть идеи, почему FF будет отображаться по-другому при обновлении, если я не вносил никаких изменений в код?

http://stormsmart.com

Answer 1

Вы даете размер изображения (высота / ширина)? В противном случае, в зависимости от размещения, браузеры не знают размер изображения и размещают его там, где, по его мнению, оно подходит, но могут не соответствовать вашим ожиданиям. Если вы нажмете «Обновить», он уже знает размер изображения, а затем «исправит» его.

Answer 2

Один вариант, который делает его простым, - это строка запроса, посмотрите, как SO делает это:

<link rel="stylesheet" href="http://sstatic.net/so/all.css?v=6322"> 

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

Я использую это и изменяю как часть нашего процесса сборки, строка запроса -
?v=Major.Minor.Rev.Changeset Когда мы производим push, клиент получает новый CSS.