Design "D480x800" toont verkleint op smartphone

Visualisatie in EIB-KNX systemen, een vak apart.
Plaats reactie
Dries_De_Bouwer
Berichten: 109
Lid geworden op: ma 24 mei 2010, 23:32

Design "D480x800" toont verkleint op smartphone

Bericht door Dries_De_Bouwer »

Hoi,

Ik heb een Samsung Galaxy S (Android) met een scherm resolutie van 480*800. Omdat Gira nog geen app heeft voor Android, dacht ik via mijn HomeServer een eenvoudige visualisatiepagina (Ajaxvisu) te maken met de meestgebruikte functies.

Ik dacht hiervoor design D480x800 te gebruiken, dit komt perfect overeen met de resolutie van mijn smartphone, dus ik hoopte op een mooie schermvullende pagina.

Ik heb een testpagina aangemaakt (voorlopig met één knop), maar als ik de pagina test met mijn smartphone, lijkt het scherm zo uitgezoomed (zie afbeelding in bijlage). Ik kan wel altijd inzoomen, maar dat is ook niet ideaal.

Heeft iemand ook deze ervaring? Oplossingen?
Bijlagen
Screenshot_D480x800.png
Screenshot_D480x800.png (10.38 KiB) 3307 keer bekeken
Dries_De_Bouwer
Berichten: 109
Lid geworden op: ma 24 mei 2010, 23:32

Re: Design "D480x800" toont verkleint op smartphone

Bericht door Dries_De_Bouwer »

Ok,
Ik heb het gevonden.

In startgast.htm (C:\Program Files (x86)\Gira\HS+FS\exp280\hsupload\hsav-gira) moet je de volgende code toevoegen:

Code: Selecteer alles

<meta name="viewport" content="width=device-with; initial-scale=1.0; maximum-scale=1.0; user-scalable=1; webkit-user-select: none;" />
Meer leesvoer hierover:https://developer.apple.com/library/saf ... wport.html

En dan toont hij prima op een mobiel!
Plaats reactie