Comment navigateur redimensionnement automatique de site web pour mobile à parcourir?

J'ai créé un site web sans l'aide de thème mobile.
Si j'ouvre mon site dans mon smart phone browser, il redimensionnement de mon thème.
Je veux dire, C'réduire automatiquement la taille de mon navigateur mobile.
Par exemple...je l'ai déjà parler de ma zone de texte taille dans mon code CSS. L'écran mobile de la taille de pixel est diffèrent de machine de bureau d'écran de pixels de taille.

Ma Question est, comment réduire la résolution de l'écran à affichage mobile?
veuillez effacer mes doutes.

Merci d'avance.

Vous pouvez lier votre site? Ou montrez-nous un peu de votre code? Il est difficile de vous dire quel est le problème sans voir au moins le code.
désolé, je suis juste demander est le navigateur mobile automatique de l'échelle du site à la vue mobile?
...cela dépend de votre code.

OriginalL'auteur CJ Ramki | 2013-08-29

  1. 1

    Soit il pourrait y avoir des requêtes de support défini dans votre feuille de style comme 

    @media handheld, only screen and (max-width: 1024px) 
{
    //Style goes here
}

    Qui est un style défini pour les écrans ayant une largeur maximale de 1024px.

    Une autre possibilité est, de styles peut être définie entièrement en pourcentage. De sorte que les styles sont modifiées en fonction de la taille de la fenêtre.

    Encore il pourrait y avoir quelques scripts utilisés dans votre code pour redimensionner. Tout dépend du code que vous utilisez. Il existe une variété de méthodes qui s'adapte à l'affichage en fonction de la taille de l'écran.

    Est-il un javascript nécessaires pour ce faire? ou tout simplement @media et les styles qui est suffisant pour la totalité du site pour le mobile?
    Non, mais vous devez ajouter <meta name="viewport" content="width=device-width, initial-scale=1.0"> à l'intérieur de la balise head.
    En fonction de votre mise en page du site, vous avez défini @media styles à différentes largeurs. Style de définir pour seul support de l'écran peut ne pas être suffisant.
    Qui est-ce? Donc, <html><head></meta><style>@media{}</style></head><body><code></body> est-ce assez?
    <html><head><meta name="viewport" content="width=device-width, initial-scale=1.0"><style>@media handheld, seul écran et (max-width: 1024px) { //le Style va ici }</style></head></html>

    OriginalL'auteur Leo T Abraham

  2. 5

    Voulez-vous dire pour redimensionner vos sites de contenu pour le périphérique de poche? Si vous avez un fluide de mise en page (avec % au lieu de pixels pour la largeur) utilisation:

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

    Pour en savoir plus: http://developer.android.com/guide/webapps/targeting.html

    OriginalL'auteur voodoocode

  3. 1

    si vous souhaitez mettre à l'échelle dans le navigateur le dire en css.Et d'utiliser toute la largeur en % valeurs

    par exemple:

     @media handheld, only screen and (max-width: 767px) {
 //mobile version css

  }

    OriginalL'auteur neel