Viewing iPhone Template
iPhone Template
|
User: Roddy 13 years ago
|
|
|
I changed the page width to 320px, added this to the <head> to get it to fit the full width of the iPhone screen... <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> ... and this to roll up the URL bar once the page is loaded... <script type="text/javascript"> setTimeout(function () { window.scrollTo(0, 1); }, 1000); </script> 
------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: Guest 12 years ago
|
|
| Very nice. I think i will be calling on your knowledge ... skill in the future to service our site ... mobile version. | |
| Edit | |
|
User: Roddy 12 years ago
|
|
|
The above is just a demo of a fixed width site for smart phones. A separate mobile version of your website is a good idea but it needs to be responsive to fit all widths of devices. The mobile version has different needs such as finger swiping slideshows and finger tapping popups from image grids. The navigation needs special thought as you can see from this demo... http://ezmacwebdesign.com/Demo/codebox/codebox-menu.html ... and so on. ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
| Post Reply |
| You must login or signup to post. |