Bir şekilde kullanıcıların cihaz genişliği görünüm penceresi genişliği farklı olarak, javascript kullanarak var mı?

CSS medya sorguları söyleyebilirim olarak bu teklif

@media screen and (max-width:640px) {
    /* ... */
}

ve

@media screen and (max-device-width:960px) {
    /* ... */
}

Bu yatay akıllı hedefleme olursam yararlıdır. İOS örneğin, max-width:640px ilanı yatay ve dikey modları, hatta bir iPhone 4 hedef alacaktır. Bu bu durumda cihaz-genişliği kullanarak başarıyla hem yönelimleri, masaüstü cihazlar hedef olmadan hedef bu yüzden Android için durum, anladığım kadarıyla.

Ancakeğer bir javascript cihaz genişliğine göre hatırlatıyorum , aşağıdaki gibi ek bir test anlamına gelir görünüm penceresi genişliği, test için sınırlı görünmektedir

if ($(window).width() <= 960 && $(window).height <= 640) { /* ... */ }

Bu benim için zarif, cihaz genişliği css için kullanılabilir ipucu vermesi görünmüyor.

Cihazın ekran genişliği ekran üzerinden alabilirsiniz.genişlik özelliği.

Mobil cihazlar VE masaüstü tarayıcılar ile uğraşırken, genellikle, aşağıdaki kullanın:

 var width = (window.innerWidth > 0) ? window.innerWidth : screen.width;