2016-05-19 6 views
1

Поскольку я научился использовать calc в CSS, я нашел много примеров, где это было полезно для меня.CSS calc() широко поддерживается?

Однако мне интересно, как это работает в браузерах и устройствах.

Поддерживается ли это достаточно широко, чтобы не беспокоиться?

Демо:

.element { 
    width: calc(100% - 25px); 
} 
+0

[Совместимость не такая широкая] (http://caniuse.com/#feat=calc) ... вы должны пойти на javascript-решения, если хотите, чтобы ваше приложение хорошо работало на старых машинах. – Phiter

+0

@PhiterFernandes, похоже, у вас очень узкое определение широкой поддержки. Сайт, с которым вы связались, показывает более 78% поддержки браузера o_0 – ochi

+0

Я имел в виду для старых браузеров – Phiter

ответ

5

По Can I use хорошо поддерживается, просто не поддерживает IE8 и Opera Mini Browser, а более ранняя версия Android (4,3), где большинство современных устройств Android находятся в версии 4.4 до 6

Если вы посмотрите, вы увидите, что с помощью его без префикса является:

  • 75% поддерживается + 3% частично поддерживается, общая сумма составляет 78%.

SS

+0

Спасибо, я не знал о веб-сайте. – JROB

+0

приветствуется ':)' – dippas

0

Этот вопрос немного открытым. Как правило, вы не должны публиковать то, что не имеет конкретного ответа. Это говорит:

Can I use: calc()

Calc является довольно широко поддерживается, кроме IE8 и ниже. До вас, если это того стоит. Я использую его порой, в зависимости от проекта.

Смежные вопросы