1500px breite Html Seite auf iPad darstellen - wie?

[rundblick]

guten Tag zusammen,

ich hoffe. ihr könnt mir helfen. meine Aufgabe ist es, eine Webseite zu erstellen, die eine Breite von 1500 Pixeln auf dem iPad haben MUSS. dies wird eine offline Präsentation. es darf kein Scrollbalken unten erscheinen.

nun habe ich die seite in dreamweaver gebaut und es sind scrollbalken unten vorhanden. ich habe den Eindruck, als ob das iPad nur etwa 1000 Pixel in der Breite darstellt.

Leider bin ich kein Coder oder Profi sondern noch ein Anfänger....

Gibt es einenTrick, dass die Seite wie gewünscht dargestellt werden kann?

besten dank und viele Grüße
Frank

 

[scbawik]

guten Tag zusammen,

ich hoffe. ihr könnt mir helfen. meine Aufgabe ist es, eine Webseite zu erstellen, die eine Breite von 1500 Pixeln auf dem iPad haben MUSS. dies wird eine offline Präsentation. es darf kein Scrollbalken unten erscheinen.

nun habe ich die seite in dreamweaver gebaut und es sind scrollbalken unten vorhanden. ich habe den Eindruck, als ob das iPad nur etwa 1000 Pixel in der Breite darstellt.

Leider bin ich kein Coder oder Profi sondern noch ein Anfänger....

Gibt es einenTrick, dass die Seite wie gewünscht dargestellt werden kann?

besten dank und viele Grüße
Frank

https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag

 

[rundblick]

danke, leider muss ich als Anfänger hier nachfragen....ich sehe in der Liste

http://i-skool.co.uk/mobile-development/web-design-for-mobiles-and-tablets-viewport-sizes/

dass beim ipad das Maximum bei 1024 px ist. bedeutet das, dass ich nun gar keine Seite größer als das darstellen kann, ohne einen Scrollbaken zu haben.

sorry, dass ich es nicht verstehe. aber ich bin willig....
gruß
frank

 

[nookie]

Benutze den Viewport Meta Tag und Media Queries. Damit wird sich dein Problem lösen. Ansonsten gib doch mal deinen bisherigen Quelltext preis.

 

[rundblick]

Danke Nookie, anbei eine ganz rudimentäre Seite um die es geht.
LG!
Frank

 

[Tronjer]

Wenn du willst, dass sich jemand die Seite anschaut, dann stelle sie online.

Füge im Head ein Meta-Tag mit width="device-width" und initial-scale="1" ein. Die Media Queries für das iPad findest du hier:
http://www.paulund.co.uk/ios-media-queries-boilerplate