2017-02-14 2 views
0

J'ai déjà eu ce travail pour la plupart des téléphones, mais pour une raison quelconque iPhones ne fonctionnera pas.Comment passer de l'écran mobile à l'écran d'un bureau sur Mobile view sur le site Web actuel en un clic?

J'ai créer un bouton et modifie la balise meta avec jquery:

$(document).ready(function() { 
    $("#desktopversion").click(function(){ 
     $('meta[name="viewport"]').prop('content', 'width=1380, initial-scale=0'); 
    }); 
    $("#nvs").click(function(){ 
     $('meta[name="viewport"]').prop('content', 'width=1380, initial-scale=0'); 
    }); 
}); 

Mais pour une raison quelconque, la page est rognée sur iPhone

enter image description here

Toute idée de ce que peut-être mal fait?

Merci d'avance!

+0

http://stackoverflow.com/questions/1230019/how-to-set-viewport-meta-for-iphone -that-handles-rotation-correctement cela pourrait être utile – Aslam

Répondre

0

S'il vous plaît lire cet article, son peut vous aider

https://webdevdoor.com/responsive-web-design/change-viewport-meta-tag-javascript

if (screen.width <= 480) { 
document.getElementById("viewport").setAttribute("content", "width=480; initial-scale=0.5"); 
} 
+0

Je l'ai essayé, il est maintenant zoomé mais toujours coupé .. Merci pour votre réponse de toute façon. –

+0

Bon, je l'ai vérifié encore plus et ça marche. Vous obtenez un zoom avec l'échelle initiale de 0,5. Si vous balayez vers le bas, il affichera le reste du site Web, mais si vous redimensionnez la page avec 2 pouces, il restera coupé. J'espère que c'est assez clair car c'est difficile à expliquer, haha. –

+0

pouvez-vous m'envoyer le code html complet? si possible :) –