Я создал веб-страницу для определенного веб-приложения, которое я создал. Я хотел бы добавить конкретный вариант только для пользователей смартфонов и не хочу, чтобы он был видимым для пользователей, не являющихся смартфонами. Существует ли какой-либо метод определения раздела (div) для видимости только для пользователей смартфонов?Раздел веб-страницы доступен только для мобильных телефонов
Заранее спасибо.
Вы можете использовать адаптивный дизайн подход и добиться того, что вы хотите, только с помощью CSS, с помощью медиа запросов:
//THIS CSS CLASS IS APPLIED ALWAYS
div.my-option {
display: none;
}
//THIS MEDIA QUERY APPLIES ITS STYLES ONLY WHEN THE SCREEN WIDTH IS <= 767, SO IT'S A SMARTPHONE DISPLAY.
//IT OVERRIDES THE ONE ABOVE
@media only screen and (max-width: 767px) {
div.my-option {
display: inline;
}
}
Если вы заинтересованы в адаптивном дизайне, два из наиболее расширенных опций Bootstrap и Zurb Foundation
Идём модерн. – melancia
Используя javascript, определите, является ли браузер мобильным браузером. Если это так, покажите div, иначе установите свойство в скрытое ... – DmitryK
Что именно вы хотите настроить? У устройств много общего. Что-то обычно обнаруживается, является ли это сенсорным экраном (имеет события «touch»). К сожалению, смартфоны, планшеты и даже некоторые компьютеры имеют такую возможность. Вы также можете настроить размер экрана, но это не является полностью надежным. Наконец, проверка 'userAgent' возможна, но может быть подделана. – Ian