Go Back   MacRumors Forums > Special Interests > Visual Media > Web Design and Development

Reply
 
Thread Tools Search this Thread Display Modes
Old Oct 27, 2012, 07:10 AM   #1
magnet1234
macrumors newbie
 
Join Date: Oct 2012
Website too wide for iPad - any hep out there?

I am experiencing a problem with our website not corresponding to iPad.

The website is 1050 px wide (so I know that it exceeds the iPad's 980 px), but the site is not reacting on any viewport code trying to solve the issue.

The url is www.magnettv.dk is there anybody out there that can help me?

Thank you so much in advance!
magnet1234 is offline   0 Reply With Quote
Old Oct 27, 2012, 07:18 AM   #2
Gav2k
macrumors 601
 
Gav2k's Avatar
 
Join Date: Jul 2009
Loads fine just needs a double tap to zoom out.
Gav2k is online now   0 Reply With Quote
Old Oct 27, 2012, 07:27 AM   #3
magnet1234
Thread Starter
macrumors newbie
 
Join Date: Oct 2012
thanks, but...

... a double tap meaning the iPad user will need to double tap the screen in order to see our website correctly? Our issue is that the website per default is too wide (or at least it goes to close to line). Is there a workaround this for ipad other than newport code so that the viewer will see our website on iPad correctly (fitted to iPad) instead of having to do any actions?

Thanks for your reply it is much appreciated :-)
magnet1234 is offline   0 Reply With Quote
Old Oct 27, 2012, 12:47 PM   #4
haydn!
macrumors 6502
 
Join Date: Nov 2008
You're best, though probably most complicated option, but would be to look at making it responsive.
haydn! is offline   0 Reply With Quote
Old Oct 27, 2012, 01:02 PM   #5
chown33
macrumors 603
 
Join Date: Aug 2009
See this:
http://developer.apple.com/library/s...62/_index.html

In particular, see sections 3 and 4 on how viewport works and the effect of fixed positioning in layouts.
chown33 is offline   0 Reply With Quote
Old Oct 28, 2012, 01:32 AM   #6
NVWebsites
macrumors newbie
 
Join Date: Oct 2012
Location: Canada
 
use a custom CSS script and do an @media call.
__________________
Learn web development! New Venture Websites provides custom websites and cloud business software.
NVWebsites is offline   0 Reply With Quote
Old Oct 30, 2012, 05:28 PM   #7
Lambros
macrumors regular
 
Join Date: Feb 2010
Location: Sydney, Australia
Make it 960px wide (most websites are, or were, anyway) or create a fluid/responsive website. You can also use jQuery/JavaScript for your website to determine whether the user is on a mobile device (this would be useful for all tablets, not just the iPad), and to adjust the website accordingly.
Lambros is offline   0 Reply With Quote

Reply
MacRumors Forums > Special Interests > Visual Media > Web Design and Development

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
thread Thread Starter Forum Replies Last Post
iPad: How to project wide-screen from iPad to Projector ? soamz iPad 6 Dec 9, 2013 01:23 PM
hep me please mnmn Mac Programming 4 Feb 11, 2013 06:09 PM
Need hep with the scroll bar tpcollins MacBook Pro 1 Dec 2, 2012 01:48 PM
Why does iPad not have a wide screen ratio? Jackintosh iPad 63 Jul 6, 2012 03:04 AM
New and need hep with iPhone 4. Wmturner iPhone Tips, Help and Troubleshooting 3 Jun 12, 2012 03:19 PM

Forum Jump

All times are GMT -5. The time now is 04:43 PM.

Mac Rumors | Mac | iPhone | iPhone Game Reviews | iPhone Apps

Mobile Version | Fixed | Fluid | Fluid HD
Copyright 2002-2013, MacRumors.com, LLC