Prise en charge de la haute résolution

Internet Explorer 11 améliore la mise à l’échelle sur les écrans haute résolution et les petites tablettes, ce qui garantit la cohérence du texte, des cibles tactiles et de l’apparence de votre site Web sur tous les appareils Windows 8.1. Plus précisément, IE11 apporte les améliorations suivantes à la haute résolution.

Important  À l’exception de la propriété devicePixelRatio, les fonctionnalités répertoriées ci-dessous ne sont pas prises en charge dans IE11 sur Windows 7.

Prise en charge de la propriété devicePixelRatio

Bien que la résolution d’appareil soit disponible depuis Microsoft Internet Explorer 6 avec les propriétés deviceXDPI et deviceYDPI (et également via la resolution de requêtes multimédias depuis Windows Internet Explorer 9), la propriété devicePixelRatio est devenue rapidement une norme de facto utilisée partout sur le Web. IE11 prend en charge cette propriété, qui représente le ratio entre les pixels physiques de l’appareil et les pixels CSS logiques ajustés pour la haute résolution. Avec les versions précédentes d’IE, vous deviez réaliser l’équation suivante pour obtenir cette même valeur :

window.devicePixelRatio = window.screen.deviceXDPI / window.screen.logicalXDPI

Sélection de facteur d’échelle améliorée

Dans IE11, la logique qui permet de déterminer le facteur d’échelle optimal a été améliorée : elle incorpore désormais les éléments de distance d’affichage, une sélection plus large de facteurs d’échelle par défaut, ainsi que plusieurs autres variables.

Avec IE11, Internet Explorer dans la nouvelle interface utilisateur Windows et Internet Explorer pour le Bureau prennent en charge de la même façon une gamme plus étendue de facteurs d’échelle par défaut. Les OEM et les clients Windows 8.1 bénéficient d’une plus grande souplesse pour afficher votre site Web de façon optimale et cohérente, quels que soient les facteurs de forme et les résolutions d’écran de leurs appareils.

Paramètres de niveau de zoom100 %125 %150 %175 %200 %250 %300 %
IE10XXXXX
IE10 pour le BureauXXX
IE11XXXXXXX
IE11 pour le BureauXXXXXXX

 

Prise en charge de plusieurs écrans

Dans la mesure où Windows 8 utilise un seul paramètre de résolution, si vous utilisez plusieurs écrans avec différentes résolutions, vous obtiendrez un facteur d’échelle qui n’est pas optimal sur au moins un des écrans. IE11 prend en charge la mise à l’échelle pour chaque écran, afin que le contenu de votre site Web s’adapte automatiquement au niveau approprié quand vous faites glisser une fenêtre d’un écran à un autre. Cela est très utile quand vous effectuez une projection à partir d’appareils haute résolution, car les projecteurs utilisent généralement un mode d’affichage basse résolution.

Modèle de zoom optique unifié

Windows Internet Explorer 8 et Internet Explorer 9 gèrent l’agrandissement à l’aide d’un modèle de zoom de disposition, qui met à l’échelle la taille de tous les éléments à l’exception de la largeur de la fenêtre d’affichage et recalcule la mise en page avec les nouvelles tailles supérieures du contenu. Internet Explorer 10 a ajouté un autre modèle de zoom plus simple, le zoom optique, qui met simplement à l’échelle la disposition à 100 % d’origine (évitant ainsi une remise en page).

Avec IE11, toutes les opérations de zoom sont maintenant gérées par un zoom optique, ce qui rend beaucoup plus simple et prévisible l’expérience dans les scénarios de zoom (tels que le menu Zoom, le zoom par pincement, les raccourcis clavier/souris, la vue ancrée, @-ms-viewport et msContentZoomFactor).

Remarques pour la compatibilité

Si votre site utilise encore un mode de document hérité (plus précisément, un mode de document ciblant Internet Explorer 9 ou une version antérieure), IE11 sur Windows 8.1 affiche votre site à l’aide de mesures de texte naturelles. Cela évite les principaux défauts de rendu des polices (par exemple, une prise en charge altérée du crénage), qui sont fréquents avec les modes de document hérités à des niveaux de zoom différents de 100 %.

Si vous souhaitez ne pas appliquer ce comportement par défaut, vous pouvez utiliser la balise <meta> ou l’en-tête HTTP suivant :


X-UA-TextLayoutMetrics: gdi


<meta http-equiv="X-UA-TextLayoutMetrics" content="gdi" />

Pour plus d’informations, voir Zoom optique dans les modes de document hérités.

 

 

Afficher:
© 2014 Microsoft