Benim ziyaretçi yüksek kalitede görüntüler görme yeteneği sağlamak istiyorum, pencere boyutunu tespit edebilirim bir yolu var mı?

Ya da daha iyisi, JavaScript ile tarayıcının görünüm alanı boyutunu? Yeşil alanı görüyor:

Çapraz tarayıcı@media (width) @media (height) değerleri

var w = Math.max(document.documentElement.clientWidth, window.innerWidth || 0)
var h = Math.max(document.documentElement.clientHeight, window.innerHeight || 0)

window.innerWidth .innerHeight

• alır kaydırma çubukları dahilCSS viewport @media (width) ve @media (height)
• initial-scale zoom variations cep değerlere neden olabiliryanlışPPK visual viewport aramalar ve @media değerleri daha küçük olmak ne küçültün
• zoom değerleri 1px yerli yuvarlama nedeniyle kapalı olmasına neden olabilir
• undefined IE8-

document.documentElement.clientWidth .clientHeight

• CSS görünüm penceresi genişliği eşittireksikaydırma çubuğu genişliği
• olduğunda maçları @media (width) @media (height)hayırkaydırma çubuğu
• 24* ** jQuery(window).width() *23çağırırtarayıcı görüş
• available cross-browser

Kaynaklar

• Live outputs for various dimensions
• verge çapraz tarayıcı görünüm penceresi teknikleri kullanır
• actual matchMedia hassas Boyutlar elde etmek için herhangi bir birim olarak kullanır