2017-02-26 2 views
0

Actuellement, je crée mon propre site Web et la semaine dernière, j'ai travaillé à rendre le site Web réactif. J'ai essayé de rendre le site réactif pour les appareils mobiles et je pensais que je fixe le problème, en HTML, j'ai ajouté la ligne suivante:Échelles de site Web sur les appareils Apple, mais pas sur les appareils Android

<meta name="viewport" 
     content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> 

Mais je trouve que cela ne fonctionne que sur les appareils Apple, mais pas Android-appareils. Ai-je besoin d'ajouter une autre ligne pour résoudre le problème sur les appareils Android? Ou changer la ligne que j'ai déjà? Merci d'avance.

+0

Vous pouvez également essayer framework de conception sensible de 'Bootstrap' –

+0

Est-ce quelque chose comme des requêtes de médias? – Soccerlife

+0

Quelle est la largeur du contenu de votre site web? iirc si vous lui dites d'être en pixels ("1000px" similaire), il ne sera pas échelle correctement, mais en utilisant le pourcentage ("100%") fonctionne – chrki

Répondre

1

Depuis que vous essayez de faire de votre site Web répond à tous les appareils, je putforth ces informations:

Bootstrap est un cadre frontal pour la conception de sites Web et des applications Web. En utilisant le framework Bootstrap, vous pouvez concevoir des sites Web pouvant fonctionner sur tous les appareils, des ordinateurs de bureau aux téléphones mobiles.

Tout ce que vous avez à faire est de télécharger le framework et de l'inclure dans votre site web et un petit code pourrait vous aider.

Vous pouvez télécharger le framework ici, Bootstrap Download Page et obtenir des tutoriels here

Hope this helps.