Я не очень разбираюсь в javascript, поэтому, пожалуйста, медведь со мной. Safari 6, а также более ранние мобильные браузеры Android и, возможно, больше не поддерживают значение css VH. Мой DIV # id или класс не является высотой области просмотра. Ниже приведена ссылка на страницу, где я нашел полезную информацию, но я действительно не уверен, как ее использовать с значением css:
Проверьте, поддерживается ли значение css
Вот код, приведенный как ярлык для вас:
if('opacity' in document.body.style) {
// do stuff
}
function isPropertySupported(property{
return property in document.body.style;
}
В комментариях ссылки, приведенной выше, кто-то спрашивает, как проверить, поддерживается ли css VALUE, и ответ: "Вы его установили, затем прочитайте значение обратно и проверьте, сохранил ли браузер его". Теперь я уверен, что это была бы полезная информация, если бы я знал больше javascript, который только что начал изучать.
Это то, что я имею в виду, но я действительно не уверен, как обойти это. Проверьте, имеет ли значение div # id или div.class значение vh css. Проверьте, поддерживается ли значение css браузером. Если поддерживается, то продолжайте загрузку. Если не поддерживается, измените идентификатор или класс.
Итак, подведем итог моему вопросу:
Как проверить, поддерживается ли CSS-значение браузером с помощью javascript или jquery?
Руководство к ответу действительно оценено. Благодарим за помощь.