Шаги для устранения проблем CSS - PullRequest
0 голосов
/ 18 марта 2012

У меня довольно незначительная проблема с CSS, настолько специфичная для моего сайта, что поиск в нем ничего полезного не дает. (Я мог бы также сказать «почему мой CSS не работает?» Так же легко описать, как и проблема.)

До сих пор я думал о нескольких способах устранения проблемы, в том числе:

  • CSS и HTML валидаторы и линтеры
  • тусуется в Firebug часами
  • вставка кода в IDE, чтобы удостовериться в том, что пары, [] и {} соответствуют
  • просмотр различий старого кода (некоторые из которых работали) с более новым кодом (разные части которого работали), чтобы найти потенциальные ошибки
  • использование проверки орфографии IDE для поиска опечаток (может быть сложно, когда Javascript смешивается с CSS и HTML)
  • 1018 * прибегая к помощи *

Существуют ли другие способы устранения неполадок, которые я должен попробовать?

(Особая проблема заключается в том, что @font-face, который ранее правильно отображал, больше не отображает правильно.)

Ответы [ 4 ]

3 голосов
/ 18 марта 2012

Я бы сделал что-то вроде этого.

Сначала побаловался в Firebug (или других методах в другом браузере, когда у них возникла проблема).Для меня очень важен тот факт, что вы можете видеть, какое объявление css действительно используется, а затем включать и выключать его.

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

Следующее, что вам нужно сделать, - это исследование.Это ошибка в браузере, ваш код неверен или декларация не поддерживается в вашем браузере

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

1 голос
/ 18 марта 2012

Вы проверили веб-консоль Firefox? CSS ошибки / предупреждения это особенность. Сочетание клавиш Ctrl + Shift + K

enter image description here

1 голос
/ 18 марта 2012

Возможно, ваш сайт общедоступен, чтобы мы могли посмотреть? А может быть, лучшее описание проблемы?

Пробовал разные браузеры?

0 голосов
/ 28 марта 2014

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

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

...