İPhone gibi dokunmatik bir aygıt üzerinde/iPad/parmağınızla küçük bir düğmeye bas etmek zor olabilir Android. Bildiğim kadarıyla CSS medya sorguları ile dokunmatik cihazlar tespit etmek için çapraz tarayıcı yolu yok. Eğer tarayıcı javascript dokunma olayları için destek varsa kontrol ediyorum.Şimdiye kadar, diğer tarayıcılar onlara destek yok, ama en son Google dev kanal üzerinde enabled touch events (bile olmayan dokunmatik cihazlar için) Krom. Ve diğer tarayıcı üreticileri dokunmatik ekranlı dizüstü geliyor bu yana takip edecek sanıyorum.Güncelleme: Chrome bir hata oldu, şimdi JavaScript algılama tekrar çalışır.

Bu benim kullandığım test:

function isTouchDevice() {
    return "ontouchstart" in window;
}

Sorun bu sadece tarayıcı dokunma olayları, cihaz desteği varsa testleri.

Herkes dokunmatik cihazlarda daha iyi bir kullanıcı deneyimi vermek[tm] Doğru yol biliyor mu? Kullanıcı ajan koklama dışında.

Mozilla dokunmatik cihazlar için medya bir sorgu vardır. Ama başka bir tarayıcıda böyle bir şey görmedim: https://developer.mozilla.org/En/CSS/Media_queries#-moz-touch-enabled

Güncelleme: mobil/dokunmatik cihazlar için ayrı bir sayfa/site kullanmaktan kaçınmak istiyorum. Çözüm nesne algılama ile dokunmatik cihazlar tespit etmek için veya benzeri bir JavaScript var, ya da özel bir dokunuş-CSS kullanıcı aracı olmadan koklama vardır!Ana nedeni sordum, mümkün bugün, css3 çalışma grubu başvurmadan önce değil emin olmak için. Lütfen eğer söz konusu gereksinimleri izleyin;) eğer hiç cevap yok

Dokunmatik ekran dostu bir seçenek, aşağıdaki senaryoları kapsayacak şekilde olmasını istiyorsanız bana öyle geliyor:

1. iPhone gibi cihazları: küçük ekran, dokunmatik sadece
2. Küçük ekranlar, dokunmatik (bu bir söz etmedi)
3. Büyük ekranlar, dokunmatik (klasik bilgisayarlar gibi)
4. Dokunmatik ekran özellikli iPad, dizüstü bilgisayarlar gibi büyük ekranlar, dokunmatik ekranlar ile/Ad.

Durum 1 ve 2 için muhtemelen gereksiz içerik bir sürü ortadan kaldırır ve bir şeyler okuma/gezinmek için büyük ve kolay kılan ayrı bir site veya bir CSS dosyası gerekir. Eğer dava hakkında #2 sayfaya bağlantılar/düğmeler klavye gezilebilir sürece veriyorsanız o zaman durum 1 ve 2 eşdeğerdir.

Durum 3 için normal bir web sitesi var. Durum 4 için tıklanabilir şeylere dokunmak daha büyük ya da daha kolay olmasını istiyorsun galiba. Mümkünse sadece tüm kullanıcılar için her şey daha büyük yapmak için değil, alternatif bir stil sayfası dokunmatik dostu düzeni değişiklikleri sağlayabilir.

Yapılacak en kolay şey sitenin ekran dokunmatik sürümü için bir bağlantı sayfada yeri bulunur. Tanınmış iPad gibi dokunmatik cihazlar için Kullanıcı Aracısı algılama ve dokunmatik varsayılan olarak stil ayarlayabilirsiniz. Ancak bu herkes için varsayılan yapmak istiyorum; eğer tasarım iPad üzerinde iyi görünüyor eğer kabul edilebilir iyi bir dizüstü bilgisayar üzerinde görünmelidir. Fare kullanıcıları ile daha az-daha-yıldız tıklatarak becerileri olacak memnun bulmak için tıklayın daha büyük hedefler, özellikle de eklemek uygun :hover mouseover efektler için izin kullanıcıları şeyler tıklanabilir.

User-agent sniff istemediğini söylediğini biliyorum. Ama şu anda bunun için tarayıcı desteği devlet çok "Doğru" yapmak. endişelenecek bir değişim içinde olduğunu iddia ediyorum Tarayıcılar sonunda gerekli bilgiyi sağlayacaktır, ama muhtemelen yıl bu bilgi her yerde önce onu bulacaksınız.