Tag: viewport
Ein viewport ist ein Rechteckiger anzeigen region in der Computergraphik, oder ein Begriff für optische Komponenten. Es hat mehrere Definitionen in verschiedenen Kontexten.Ein viewport ist ein Bereich des Bildschirms dient der Anzeige einen Teil des gesamten Bildes gezeigt werden. Es kann auch sein, eine Gruppe von Regionen, die zusammen ein layout.
Wie, um sicherzustellen, dass eine website füllt den gesamten viewport? (desktop, mobile, ipad, etc.)
3 Antworten
Wir haben derzeit eine website, die nicht von Flüssigkeit/flexibel (wie es ändert sich nicht das layout abhängig von der viewport-Größe). Wenn es auf dem desktop angezeigt, füllt es den gesamten Bildschirm (und zentriert ausgerichtet). Aber Problem entsteht,
Wie ändern Sie die Zoomstufe dynamisch mit Javascript?
1 Antworten
Ich versuche, herauszufinden, wie Sie zum zurücksetzen der zoom-Stufe in einer Webseite für ios. Es scheint, dass, wenn der Nutzer eine pinch-zoom in/out zoom-Funktion nicht mehr funktioniert. Ich will pinch-gesten, wollen aber programmatisch setzen Sie den zoom
Wie setzen viewport dynamisch?
1 Antworten
Wenn ich ändern möchten die viewport-tag dynamisch, was muss ich tun? Für Mobile <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" /> iPad (Breite über 768px) <meta name="viewport" content="width=device-width, initial-scale=0.7, maximum-scale=2, user-scalable=yes" /> InformationsquelleAutor user3758718 | 2014-07-02
Ansichtsfenster Anwenden Bedingte Symbolleiste mit Sencha Touch
2 Antworten
Ich werde MVC-route mit Sencha. Ich habe einen Viewport panel initialisiert, ähnlich wie das twitter-Beispiel: /** * @author Jeff Blake */ Ext.regApplication('App', { defaultTarget: 'viewport', defaultUrl : 'Viewport/index', name : 'App', icon : "mobile/public/resources/images/icon.png", phoneStartupScreen : "mobile/public/resources/images/phone_startup.png",
Wie man JQuery .hover() arbeiten, wenn die Maus lässt viewport?
2 Antworten
Dem folgenden code wird ein div ganz oben auf der view-port. Das erwartete Verhalten ist: Wenn der Benutzer die Maus über das div, verschiebt die Maus, bis der cursor aus dem viewport, eine Nachricht von "hover out"
LibGDX - Bühne.setViewport(new Viewport()) schwarzer Bildschirm
2 Antworten
Für die Organisation Willen, ich mehrere Szenen für mein Spiel und anstatt jede Szene haben einen Konstruktor, der erhält einen Viewport (mein Spiel ist skalierbar), würde ich mag, um jede Bühne viewport getrennt von den Konstruktor, die
Bootstrap Popover viewport-Eigenschaft
1 Antworten
Ich versuche die bootstrap ist popover, aber ich kann es nicht verwenden in einem container, der mit overflow: hidden; Um dieses problem zu vermeiden habe ich versucht, legen Sie die viewport-Eigenschaft für "Körper", aber dies funktioniert nicht,
Webkit-iPhone-App : Wie Sie dynamisch ändern die Benutzer zoom (oder Skala, pich & zoom) in den viewport?
1 Antworten
Benutze ich JQTouch für eine iPhone-app. JQtouch deaktivieren standardmäßig die Möglichkeit, pinch&zoom die Seite. Für eine Seite (mit einem großen Bild), brauche ich zum aktivieren der zwei-Finger - & zoom-Funktion. Das ist einfach : var viewport =
ist das ipad 3 device-width immer 768 obwohl die Auflösung der Breite von 1536 in den viewport-meta-tag?
1 Antworten
Ich versuche zu verstehen, das viewport-meta tag für ios-Geräte. Ich erstellte eine test-Seite, wo ich ein Bild eingefügt, dass ist 862px breit. also ich habe die viewport-meta-tag als: <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale: .5, maximum-scale: 5.0"> Doch
Graue Fläche sichtbar, wenn der Wechsel von hoch-auf Querformat mit iOS 7.1 minimal-ui
7 Antworten
In eine web-Anwendung, die ich bin zu arbeiten auf, ich versuchte es mit iOS 7.1 die neue minimal-ui - Funktion (siehe safari fullscreen in iOS 7.1 mit minimal-ui-meta-tag), aber ich sehe ein Problem, wo ein 84px-hohen grauen
Wenn ein DIV in Sicht kommt Klasse hinzufügen
2 Antworten
Ich würde gerne eine Klasse hinzufügen, um ein element wie ein DIV-Element, aber auch auf ein img, h1, etc. wenn es in den Arbeitsbereich, wenn ein Benutzer blättert. Wie kann ich berechnen, ob oder ob nicht mein
Pinch/Zoom-viewport-Angabe funktioniert auf dem iPhone aber nicht auf Android
1 Antworten
Machte ich eine WordPress-Website eine Weile zurück von einem Segeltörn Unternehmen, xssailing.com und haben derzeit die view-port einstellen als: <meta name="viewport" content="user-scalable=yes;width=device-width; initial-scale=0.31; maximum-scale=1.0;"/> Die Website funktioniert auf einem computer und ich können pinch-und zoom problemlos auf
Meta-viewport-tag und css media queries
1 Antworten
Ich habe ein problem mit CSS media queries mit zusammen mit meta-viewport-tag. Ich mache iPad webapp, die die Arbeit innerhalb standalone-Ansicht auf dem home-Bildschirm. Dies ist der CSS: .header_portrait { position: relative; top: 0px; left: 0px; background:
Google maps api v3 geocoder viewport
1 Antworten
wenn ich geben Sie einen Ort ein (Stadt oder Land) und ein Infofenster geöffnet ist der folgende code wird nur finden, Standorten im Bereich der open-Infofenster: function codeAddress() { var address = document.getElementById("address").value; geocoder.geocode( { 'address': address},
mobile Website - zurücksetzen des Viewports auf die Ausrichtung ändern
7 Antworten
Ich habe eine mobile Seite, ist 590px breit. So habe ich den viewport so: <meta name = "viewport" content = "width = 590"> Wenn ich zuerst besuchen Sie die Seite entweder im hoch-oder Querformat - es sieht
Finden Sie die Bildschirmposition ein QGraphicsItem
3 Antworten
Anwendungsfall: sollte Dies ein Recht häufiges problem. In einem normalen QMainWindow mit QMdiArea Leben ein mdiChild mit QGraphicsView. Diese Ansicht zeigt eine QGraphicsScene mit QGraphicsItems innen. Ein rechts-Klick auf einen dieser Einträge auswählt (konzentriert sich) auf das
Die Einstellung der Ansichtsfenster Skalieren, um zu Passen, Sowohl in Breite und Höhe
7 Antworten
Ich bin an einer website arbeiten, dass passt in eine bestimmte Breite und Höhe (ein 885x610 div mit 1px border und 3px oberen Rand). Ich möchte, dass der Benutzer nie zu scrollen oder Zoomen, um zu sehen,
Viewport meta-tag für den desktop-Browser?
5 Antworten
Mein Mandant bat mich, zu reduzieren Größe der aktuellen Webseite für desktop-Browser von 30%. ist es ein css-oder meta-tag, es zu tun, wie die viewport-meta-tag auf einem mobilen browser? Sie sind auf der Suche für ein zoom
In OpenGL, wie kann ich einstellen das Fenster in der Größe verändert?
5 Antworten
Ich bin Zeichnung mehrere Formen (z.B. Kreise), die sind kodiert, aus dem Fenster Höhe & Breite. Da das Fenster startet immer in einer bestimmten Größe, Sie sind richtig gezeichnet, aber wenn das Fenster in der Größe geändert
Die Größe von Bildern als Ansichtsfenster ändert, ohne Seiten abgeschnitten
3 Antworten
Ich habe ein CSS-problem. Ich habe ein Bild, das 1024x500 Pixel. Das problem ist nun, wenn der browser window/viewport-änderungen, die Breite unterhalb der Breite des Bildes(1024px), das Bild beginnt zu erhalten, abgeschnitten. Nun, wie Sie sehen können,
Größe viewport/canvas je nach Größe des Browserfensters
1 Antworten
Möchte ich meine webgl-app viewport und canvas-Bereich zu reagieren, um das browser-Fenster Größe ändert (mit F11-Taste). I. e. Ich will die Leinwand immer 100% Breite und Höhe, und ich will die viewport-Größe und Seitenverhältnis angemessen zu sein.
Bild zentrieren in HTML-viewport (ohne JavaScript)
4 Antworten
Habe ich ein Bild, das ich zeigen möchte, in einem browser, so dass: Wenn das Bild kleiner ist als das browser-viewport, das Bild wird zentriert horizotally und vertikal. Wenn das Bild größer ist als das Ansichtsfenster, wird
pass-element ref auf eine Methode in angular2
1 Antworten
Habe ich zu überprüfen, ob ein element in einer Liste innerhalb des Arbeitsbereichs oder nicht.Für diese bin ich mit dem angular2 plugin Winkel-inviewport. Was das plugin macht ist, sobald die Karte ist in den unteren Rand des
Ändern einer css-Wert (Links:x), wenn ein browser-viewport ist <1200px
2 Antworten
Habe ich einen wrap um meine Inhalte auf einer Webseite, die eine Breite von 1200px. Die wrap-div ist zentriert in der Mitte meiner Seite mit diesem css position:absolute; top:0px; left:50%; margin-left:-600px; width:1200px; height:auto; ich muss um jQuery
Erhalten viewport-Höhe, wenn der soft-Tastatur auf
7 Antworten
Ich habe versucht, diese Arbeit zu machen für die Tage jetzt mit kein Glück, so dass ich dachte, ich würde teilen, info und vielleicht kommt jemand mit einer Lösung. Möchte ich, um die genaue viewport-Größe, wenn die
Klasse hinzufügen, um das div, wenn im viewport
3 Antworten
Möchte ich noch hinzufügen einer Klasse zu einer Menüoption, wenn ein anderes div betritt den viewport. Habe ich erfolgreich repliziert die Warnung hier gefunden: http://jsfiddle.net/blowsie/M2RzU/ Jedoch, wenn ich versuche, es zu ändern von einer Warnung zu einem
Überprüfen, ob element ist zwischen 30% und 60% des Viewports
5 Antworten
Ich versuche, ändern Sie die Farbe <li> Elemente, wenn Sie zwischen 30% und 60% des Viewports. So, ich habe das raster dieser Elemente stapeln Seite an Seite wie diese: Lief ich in paar plugins wie Waypoints, Viewport
Wie um zu zeigen, div, wenn der Benutzer erreichen, die unten auf der Seite?
4 Antworten
Wenn der Benutzer scrollt zum Ende der Seite möchte ich zeigen, einige div mit jQuery natürlich. Und wenn der Benutzer Schriftrollen zurück, er oben, div ausblenden. So wie berechnen viewport (oder was auch immer ist der richtige
Overflow-x:hidden nicht verhindern, dass Inhalte von überlaufen in mobilen Browsern
15 Antworten
Habe ich eine website hier. Anzeige im desktop-browser, die schwarze Menüleiste korrekt erstreckt sich nur auf Rand des Fensters, da die body hat overflow-x:hidden. In jedem mobilen browser, egal ob Android oder iOS, die schwarze Menüleiste zeigt
Einstellen der Menü-Breite je nach Fensterbreite
2 Antworten
Entwerfe ich navigation menu, aber ich konnte nicht passen der Breite nach Fenster. Ich möchte menu width 100%, wie ändern wir die Größe des Fensters, das Menü immer noch bedeckt von der linken Ecke zur rechten Ecke.
pass-element ref auf eine Methode in angular2
1 Antworten
Habe ich zu überprüfen, ob ein element in einer Liste innerhalb des Arbeitsbereichs oder nicht.Für diese bin ich mit dem angular2 plugin Winkel-inviewport. Was das plugin macht ist, sobald die Karte ist in den unteren Rand des
Ändern einer css-Wert (Links:x), wenn ein browser-viewport ist <1200px
2 Antworten
Habe ich einen wrap um meine Inhalte auf einer Webseite, die eine Breite von 1200px. Die wrap-div ist zentriert in der Mitte meiner Seite mit diesem css position:absolute; top:0px; left:50%; margin-left:-600px; width:1200px; height:auto; ich muss um jQuery
Viewports, user-scalable=yes und media queries
2 Antworten
Übernahm ich den Aufbau einer website, in dem wurde NICHT entworfen, um auf mobilen Geräten überhaupt. Der client muss in der Lage sein zumindest die Navigation durch die Website über ein mobiles Gerät, so bin ich versucht
Platzieren Sie ein modales Fenster, in viewport
2 Antworten
Ich habe gerade angefangen, ExtJS, so könnte es sehr trivial was ich hier Fragen. Ich habe gerade das Autos tutorial aus der Sencha-website und versuche nun, etwas zu schaffen. Ich habe eine Viewport als ersten überblick, und
Einstellung einer website in den Vollbildmodus auf allen mobilen Geräten
1 Antworten
Ich versuche einen Weg zu finden, um die Größe des body-Elements einer website, die die Größe des verfügbaren Bildschirms. Auf einem desktop-browser ist es ganz einfach: width=height=100% aber auf einem mobilen Gerät ist es nicht so einfach:
Wie man von einer Ansicht zu einer anderen Ansicht mit viewport in sencha?
4 Antworten
In meiner Anwendung habe ich ein eine Ansicht mit topbar und einige Felder. In diese Taste, wenn ich auf den login button will ich verschieben auf eine andere Ansicht (Dashboard), die einen tabview. Also dafür bin ich
wie setzen Sie eine Ansicht in cinema 4d
3 Antworten
Ich bin neu in cinema 4d und ich baute ein Modell, das gut sichtbar in der rechten, oberen, front-Ansichtsfenster, aber in der Perspektive-Ansicht kann ich nichts sehen, und ich kann nicht herausfinden, wie reset oder zentriert die
Wie man die mobile Seite auf den Bildschirm passen, einmal öffnen?
3 Antworten
Ich brauchen, um gemeinsam website für mobile Geräte, also iPhones und diversen Android-Geräten. Das problem ist, ich Kämpfe immer viewport rechts-und anderen Einstellungen. Mein Ziel ist es also, die Webseite würde codiert werden, für die spezifische Breite
Wie man responsive Bilder und Bildunterschriften auskommen?
2 Antworten
In diesem Szenario, Bilder, Leben bis zu responsive design, aber die Beschriftungen sind nicht die Anpassung zusammen mit Ihnen. Sinn macht, in den code, aber wie kann es getan werden, ohne einen max-width im pixel-Werte? Gibt
Messen Sie die Fenster, offset
3 Antworten
Gibt es eine Möglichkeit, Messen Sie den Versatz der Fenster in jQuery, um als könnte ich Sie vergleichen die Positionen der 'fixed' - element und einem relativ positioniert? Ich muss in der Lage sein zu sagen, wie
Mobile-Website - nicht auf allen Blättern
4 Antworten
Habe ich gegoogelt überall - meine Seite hat keine festen Höhen, keine festen Platzierungen. Es zeigt den viewport, wie ich möchte, sondern NUR, dass. Es muss nicht Blättern oder zeigen etwas anderes. Was bin ich? Ich habe
Warum wird nicht mein viewport-tag richtig verwenden Sie den Geräte-Breite (ohne zoom) auf den meisten mobilen Geräten?
6 Antworten
UPDATE 03/2019: Dieses Q&A bekommt immer noch eine gewisse Aktivität, fast 5 Jahre, meine Frage kam. Bitte beachten Sie, dieses problem wurde zum Teil wegen häufiger Unregelmäßigkeiten bei älteren mobilen Geräten damals. Mit den heutigen Browsern und
Wie öffnen Sie ein Fenster nach dem klicken auf eine Schaltfläche in extjs
1 Antworten
Ich arbeite mit extjs designer 2. Es funktioniert ok, und ich entwarf einen viewport. Es schafft einige Dateien anzuzeigen. Die erste ist myviewport.js: Ext.define('MyApp.view.MyViewport', { extend: 'Ext.container.Viewport', layout: { type: 'border' }, initComponent: function () { var
Gibt es auch eine Kostenlose extension für Safari, das zeigt der viewport-Größe
5 Antworten
Habe ich eine nette Erweiterung für chrome ("Window Resizer"), zeigt der viewport-Größe, aber ich weiß nicht, wie man den cache in chrome ohne mit meiner Maus so Neige ich dazu, verwenden Sie Safari für die browser-Entwicklung. Ist,
jQuery: Fullscreen "hintergrund" - Bild, das bewegt sich je nach Maus-position
1 Antworten
Ich versuche umzusetzen, Vollbild-hintergrund, der bewegt sich je nach position der Maus-position. So zum Beispiel, wenn Sie bewegen Sie die Maus nach Links oben, der Blick port, die zeigen würde, die oben Links im Bild und der
JavaFX ScrollPane programmgesteuert verschieben der viewport - Zentrierung Inhalt
3 Antworten
Kann ich mit dem setVvalue(Doppel) und setHvalue(Doppel -) Methoden zum verschieben einer Ansicht in eine JavaFX-ScrollPane. Was ich zu kämpfen, zu tun, ist Zentrum eines bestimmten Knotens in den Inhalt des Bildlauffensters basierend auf seiner position. Ich
Viewport-tag funktioniert nicht in Chrome
1 Antworten
Ich bin mit dem Gerät Metriken überschreiben in Chrome zu testen, eine responsive website für kleinere Auflösungen (320x480 in diesem Fall). Mein viewport-meta-tag nicht, macht sich keine Auswirkungen auf die Seite in diesem Fall. Das logo erscheint
iPhone gezoomt auf die Seite wenn Sie geöffnet
3 Antworten
Ich habe mein erstes responsive design, und ich habe einige Schwierigkeiten bei der Anzeige auf meinem iPhone. Wenn ich eine Seite öffnen, auf das iPhone, es ist ein wenig vergrößert auf der linken Seite, gerade genug, um
iPad zoom anpassen funktioniert nicht auf Webseiten mit minimalem Inhalt
2 Antworten
Betrachten Sie das folgende rudimentäre html-code-block: <!doctype html> <html> <head> <meta charset="utf-8"> <title>iPad test</title> <meta name="viewport" content="width=device-width"> <style> body { margin:0; } #content { margin: 0 auto; width: 980px; border:1px solid #c4c4c4; background-color:#f5f5f5; } </style> </head> <body>
Set tablet-viewport auf 1024px, mobile-to-device-width
9 Antworten
Habe ich eine responsive Website mit einem desktop-Breite > 980px und eine mobile Breite < 768px. Ich will tablets zum anzeigen der Website in einem 980px Viewports, aber mobile anzeigen am Gerät-Breite. Insbesondere möchte ich die folgenden: