La largeur du périphérique d'affichage Retina n'est pas ajustée automatiquement sur l'iPad lors de l'utilisation de la largeur de l'appareil

Question

Actuellement, je travaille sur un site Web où j'ai utilisé Retina Ready Coding. L'écran rétine (nouvel iPad) a une résolution de 2048 x 1536 pixels alors que l'iPad/Tab en général a une résolution de 1024x768 pixels. Conformément à la loi de la rétine, chaque fois que je la largeur largeur du corps/récipient 1536px dans

@media only screen and (min-device-width: 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) { body{ width: 1536px !important; }, .container{ width: 1536px !important; } }.

Cela devrait ajuster automatiquement la largeur: 1536px dans 768px (comme son ratio de pixel-2). Mais Il montre zoomin le site complet dans iPad. Chaque fois que j'ai touché l'iPad, il va dans 768px à partir de 1536px de largeur. Quelqu'un at-il une solution pour cela? Je suis confronté au même problème pour Retina display Mobile device.

Answer 1

problème est résolu !!!

je dois utiliser cette méta TAG

<meta name="viewport" content="width=device-width, maximum-scale=1.0, user-scalable=1" />

Merci,

Answer 2

Avez-vous défini une fenêtre en utilisant des balises META? ce comportement ressemble à il n'y a pas de balise META viewport. Essayez de changer/ajouter les paramètres de viewport avec cette balise meta:

<meta name="viewport" content="width=device-width"> 

ou ceci:

<meta name="viewport" content="initial-scale=1.0"> 

ou les deux:

<meta name="viewport" content="width=device-width, initial-scale=1"> 

également vérifier this link for explications