Hi Leute,
ich habe eine kleine Seite gemacht, die man Mobil abrufen können soll...
da ich einige Elemente verbaut habe, deren Proportionen immer gleich sein sollen habe ich im "body" eine Feste breite:
nun, man kann meine Seite auf allen Browsern sehen und sie sieht auch "gut" aus... aber die Scalierung passt nicht.
so schaut unter Windows 10 Mobile (ehemals WindowsPhone) alles gut aus. Unter Android (selbe Displayauflösung hingegen sieht man gerade mal ein viertel des bereiches).
machts für Windows 10 Mobile schlecht und unter Android passts auch noch nicht...
was man so online lesen kann ist der viewport mit device-width vermutlich die richtige Richtung. Also muss ich im CSS was verändern, kann mir jemand Tipps geben?
Mit Javascript nachscalieren möchte ich nicht (zumindest wäre das mein letzter Ausweg). Den Code so anzupassen dass die Formen Prozentual abgeändert werden, habe ich versucht - funktioniert aber nicht richtig
weil ich z.B. "quadratische" Flächen haben muss... und während ich mit einer festen "body"-breite mit 300x300 ein Quadrat mit halber Fenster breite hin bekomme (auch etliche Abstände und Zeilenhöhen sind hier verbaut). Ist bei einem relativen "body", zwar mit 50% in der breite geholfen, in der höhe steh ich aber dumm da![Frown :( :(](https://cdn.jsdelivr.net/joypixels/assets/8.0/png/unicode/64/1f641.png)
evtl. kann man mir jemand weiterhelfen!
Vielen Dank
baer
ich habe eine kleine Seite gemacht, die man Mobil abrufen können soll...
da ich einige Elemente verbaut habe, deren Proportionen immer gleich sein sollen habe ich im "body" eine Feste breite:
Code:
body{ width: 600px; }
.qdr{ width: 300px; height: 300px; }
nun, man kann meine Seite auf allen Browsern sehen und sie sieht auch "gut" aus... aber die Scalierung passt nicht.
Code:
<meta name="viewport" content="width=600px, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
Code:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
was man so online lesen kann ist der viewport mit device-width vermutlich die richtige Richtung. Also muss ich im CSS was verändern, kann mir jemand Tipps geben?
Mit Javascript nachscalieren möchte ich nicht (zumindest wäre das mein letzter Ausweg). Den Code so anzupassen dass die Formen Prozentual abgeändert werden, habe ich versucht - funktioniert aber nicht richtig
weil ich z.B. "quadratische" Flächen haben muss... und während ich mit einer festen "body"-breite mit 300x300 ein Quadrat mit halber Fenster breite hin bekomme (auch etliche Abstände und Zeilenhöhen sind hier verbaut). Ist bei einem relativen "body", zwar mit 50% in der breite geholfen, in der höhe steh ich aber dumm da
![Frown :( :(](https://cdn.jsdelivr.net/joypixels/assets/8.0/png/unicode/64/1f641.png)
evtl. kann man mir jemand weiterhelfen!
Vielen Dank
baer