buildinternet / supersized

Full screen background slideshow plugin for jQuery
http://www.buildinternet.com/project/supersized/
Other
1.13k stars 256 forks source link

iphone resizing issues #160

Open Annalise opened 10 years ago

Annalise commented 10 years ago

Hello,

The supersized plug in is working really well, thank you. I am having issues with the iphone view.

I have a max-width in my css as 100% but I added max-width: none to the supersized css to stop the squashing issues on smaller devices. I have added 800px X 480 px as the display on the supersized plug in.

This is working really well on all devices, including android devices but on the iphone it is really zooming into a small part of the image. Tried a media query for iphone but to no avail.

Bit stuck :) Any ideas please?

rvonsch commented 10 years ago

Maybe the "viewport" meta tag could help? I would just see how setting the initial-scale affects the project... and if that would be a plausible solution for you

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

Sorry if that doesn't help. It's what came to mind first

Annalise commented 10 years ago

Thanks very much for the response - I fixed it by changing the default width to 0 and height 0 and changing the view port as well! Slowly getting there!

pateljatin commented 10 years ago

Hi @Annalise , Can you please let me know how exactly or where did you change to fix it?

Thanks, Jatin