Comment obtenir la taille de la fenêtre du navigateur

Question

Je souhaite que mes visiteurs puissent voir des images de haute qualité. Existe-t-il un moyen de détecter la taille de la fenêtre ?

Ou mieux encore, la taille de la fenêtre d'affichage du navigateur utilisant JavaScript ? Voir la zone verte ici :

Answer 1

Fonction de dimension jQuery

$(window).width() 和 $(window).height()

Answer 2

Cross-navigateur @media（宽度）< /code> 和 @media（高度） Valeur

const vw = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0)
const vh = Math.max(document.documentElement.clientHeight || 0, window.innerHeight || 0)

window.innerWidthwindow.innerWidth 和 window.innerHeight et < code>window.innerHeight

• Obtenez la Porte d'affichage CSS @media（宽度）< /code> 和 @media (height) qui comprend des barres de défilement
• échelle initiale et mise à l'échelleLes modifications initial-scale 和缩放变化可能会导致移动错误缩小到 PPK 所谓的视觉视口的值并且小于@media peuvent provoquer des mouvements
bugs
• réduire à la soi-disant valeur de la fenêtre d'affichage visuelle
du PPK et inférieure à la valeur @media valeur
• 在 IE8 中未定义La mise à l'échelle peut entraîner une réduction des valeurs de 1 pixel en raison de l'arrondi natif

- document.documentElement .clientWidth 和 .clientHeight

document.documentElement .clientWidth
• et .clientHeight
Égal à la largeur de la fenêtre CSS
• moins largeur de la barre de défilement @media（宽度）和@media（高度） Correspond à
• quand n'a pas de barre de défilement jQuery(window).width()Idem jQuery
• Appel Fenêtre du navigateur
• Cross-navigateur disponible

Inexact si le type de document est manquant

---

• Ressources
• Sortie en temps réel dans différentes dimensions
verge
• Utilisation de la technologie de fenêtre d'affichage multi-navigateurs matchMediaréel

Utilisez 🎜 pour obtenir les dimensions exactes dans n'importe quelle unité🎜 🎜