Détecter la largeur de l'écran pour plusieurs moniteurs

Mon site est optimisé (avec une largeur fixe) pour 1024x768 mise en page. J'ai l'intention d'ajouter des bannières verticales de chaque côté de la page pour les personnes ayant de largeur de résolution 1280 ou plus.

À l'aide de l'écran.largeur, je peux facilement le faire. Mais je fais face à un problème lors de la tentative sur les machines avec plusieurs moniteurs.

Permet de supposer mentionnés ci-dessous scénario:

Moniteur 1 (écran principal) - la Résolution est de 1024 x 768

Moniteur 2 (écran secondaire) - Résolution de 1440 x 900

écran.largeur montre toujours une largeur de 1024 quel que soit le moniteur-je parcourir la page. Les valeurs sont inversées si je change le moniteur principal à l'écran 2.

C'est un gros problème, surtout pour les personnes ayant résolution 1024x768 en tant que première solution. Cela signifie que je pourrais potentiellement lâche impressions de bannières dans de tels scénarios.

Je voudrais vraiment apprécier toute aide sur ce.

OriginalL'auteur Pratik Thakkar | 2012-02-23

  1. 3

    Essayez de regarder window.innerWidth (la largeur de la page web sur l'écran) au lieu de window.screen.width.

    OriginalL'auteur duskwuff

  2. 3

    Merci pour votre réponse duskwuff. M'a aidé à compiler le dessous de la fonction qui a résolu le problème pour moi.

    function getBrowserWith()
{
    if(($.browser.msie == true && $.browser.version == '9.0') || $.browser.webkit == true || $.browser.mozilla == true)
        return window.innerWidth;
    else if(($.browser.msie == true) && ($.browser.version == '7.0' || $.browser.version == '8.0'))
        return document.documentElement.clientWidth;
    else
        return screen.width;
}

    Notes importantes

    1. jQuery 1.4+
    2. Noter que la fonction ci-dessus a été testé uniquement pour IE7+, FF7+ & Chrome16+ navigateurs.
    Ne fonctionne pas si l'utilisateur n'utilise pas le navigateur en plein écran.
    Cela ne veut pas donner les moniteurs/écrans de largeur ou de la hauteur. Il ne donne que la largeur de la fenêtre ou de la hauteur de la fenêtre!
    $.le navigateur.msie a été supprimé en jquery 1.9

    OriginalL'auteur Pratik Thakkar