Как обращаться со спецификацией CSS3.полезным способом?

StackOverflow https://stackoverflow.com/questions/1238544

  •  11-09-2019
  •  | 
  •  

Вопрос

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

Поэтому я спрашиваю себя:Какой лучший способ использовать CSS3 в любом случае с возможностью перехватывать проблемы по умолчанию, как я описал выше?

Это было полезно?

Решение

Пока ваш сайт работает исправно, нет ничего плохого в использовании CSS3 сейчас.В конце концов, если браузер не понимает определенное правило CSS, он просто проигнорирует его:

#foo {
    border:1px solid #000; /* shown by all browsers */
    border-radius:5px; /* shown if browser understands border-radius */
    -moz-border-radius:5px; /* Firefox only */
    -webkit-border-radius:5px; /* Safari and Google Chrome */
}

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

Другие советы

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

Если вы создаете общедоступный веб-сайт, то вы должны поддерживать ie6, что означает отсутствие css 2.1, не говоря уже о 3.

Одна вещь, которую вы можете попробовать, это: меньше ссс

Это позволит вам использовать сокращенную нотацию css и "скомпилировать" ее в действительный css при сборке.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top