Wie der browser die auto-resize-website zum mobilen Browsen?

Erstellte ich eine website ohne Verwendung einer mobilen theme.
Wenn ich meine website in mein smart-phone-browser, es Größenänderung mein Thema.
Ich meine, Es verringert automatisch die Größe auf meinem mobilen browser.
Zum Beispiel...habe ich schon erwähnt, dass mein Textfeld Größe in meinem CSS-code. Der mobile Bildschirm-pixel Größe ist Verschieden von der desktop-Maschine-Bildschirm-pixel-Größe.

Meine Frage ist, wie Sie reduzieren Sie die Bildschirmauflösung auf mobile Ansicht?
löschen Sie bitte meine Zweifel.

Vielen Dank im Voraus.

Können Sie einen link auf Ihre Website? Oder zeigen Sie uns etwas von deinem code? Es ist schwer zu sagen, was das problem ist, ohne dass zumindest der code.
sorry, ich bin nur zu Fragen, wird der mobile browser automatisch skalieren der website für mobile Ansicht?
...es hängt von deinem code.

InformationsquelleAutor CJ Ramki | 2013-08-29

  1. 1

    Entweder es gibt vielleicht einige media queries definiert in der stylesheet-wie 

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

    Was ist eine Formatvorlage definiert, die für Bildschirme mit einer maximalen Breite von 1024px.

    Andere Möglichkeit ist, dass Stile können definiert werden, die vollständig in Prozenten. So, dass die Stile werden entsprechend geändert, um die Größe des Fensters.

    Wieder möglicherweise gibt es einige Skripte, die Sie in Ihrem code zu ändern. Hängt alles von dem code, den Sie verwenden. Es gibt eine Vielzahl von Methoden, welche passt die Ansicht entsprechend der Bildschirmgröße.

    Gibt es irgendwelche javascript erforderlich, damit dies geschieht? oder einfach nur @media und die entsprechenden Stile ist genug für die gesamte Website zu gehen mobile?
    Nein, aber Sie müssen hinzufügen <meta name="viewport" content="width=device-width, initial-scale=1.0"> innerhalb des head-Tags.
    Entsprechend Ihrem Website-layout, müssen Sie definieren, @media-styles in verschiedenen breiten. Stil definieren für einzelne Medien-Bildschirm kann nicht genug sein.
    Das ist es? So einfach, <html><head></meta><style>@media{}</style></head><body><code></body> ist es genug?
    <html><head><meta name="viewport" content="width=device-width, initial-scale=1.0"><style>@media handheld, only screen and (max-width: 1024px) { //Style geht hier }</style></head></html>

    InformationsquelleAutor Leo T Abraham

  2. 5

    Meinst du, um die Größe Ihrer Webseiten-Inhalte für die handheld-Gerät? Wenn Sie ein fluid-layout (mit % statt Pixel Breite) verwenden:

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

    Weiter Lesen: http://developer.android.com/guide/webapps/targeting.html

    InformationsquelleAutor voodoocode

  3. 1

    wenn Sie möchten, skalieren Sie Sie im browser sagen, in css.Und verwenden Sie die ganze Breite in % - Werte

    zB:

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

  }

    InformationsquelleAutor neel

Schreibe einen Kommentar