Viewing I phone and Android differences
I phone and Android differences
|
User: Lucas F. 11 years ago
|
|
|
Hi Everyone, i just tested my new site on iphone and android and they dont work the same. iphone scales the site great to fit the screen but the android doesnt. also, on the android my text is moved around and not how i designed the page. do i have to make aseperate site for android and iphone or is there something im missing. the width of the site is the reccomended 480px. thanks for your time. Lucas |
|
|
User: Roddy 11 years ago
|
|
|
You need to post the URL of the smart phone version of the website. Quote: the width of the site is the recommended 480px There is no recommended width. The content width of a smart phone site will depend on the type of content. ------------------------------- 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: Lucas F. 11 years ago
|
|
|
hi roddy, www.epic-ski.ch/test in the video explaining mobile site they reccomend 480px. thats all. cheers |
|
|
User: Jumbo T. 11 years ago
|
|
|
Next time you provide the link : http://www.epic-ski.ch/test/home-m.html |
|
|
User: Lucas F. 11 years ago
|
|
|
hi roddy, www.epic-ski.ch/test in the video explaining mobile site they reccomend 480px. thats all. cheers |
|
|
User: Lucas F. 11 years ago
|
|
|
[quote name=Jumbo T. time=30/05/2015 4:08:21]Next time you provide the link : http://www.epic-ski.ch/test/home-m.html Sorry Jumbo, Im not that good at this stuff. Ive just tried to set my android phone to "auto fit pages" so it automatically scales the page but it doesnt work i still have to manually scale the page. thanks |
|
|
User: Lucas F. 11 years ago
|
|
|
[quote name=Jumbo T. time=30/05/2015 4:08:21]Next time you provide the link : http://www.epic-ski.ch/test/home-m.html Sorry Jumbo, Im not that good at this stuff. Ive just tried to set my android phone to "auto fit pages" so it automatically scales the page but it doesnt work i still have to manually scale the page. thanks |
|
|
User: Lucas F. 11 years ago
|
|
|
[quote name=Jumbo T. time=30/05/2015 4:08:21]Next time you provide the link : http://www.epic-ski.ch/test/home-m.html Sorry Jumbo, Im not that good at this stuff. Ive just tried to set my android phone to "auto fit pages" so it automatically scales the page but it doesnt work i still have to manually scale the page. thanks |
|
|
User: James G. 11 years ago
|
|
|
I had the same issue when I first started with mobile too. What I found was I needed to keep moving things until there was a good space between them and then move things to get them to show correctly. I also found that there are so many browsers and they all display a little different. At the top where it says Epic Snow... over an image, I would move the line Professional Private.... to the bottom of the image, or make the font smaller for Epic Snowsports. It looks like the contact form just needs a little space around it. What was a big help for me was being able to use 2 different android devices to test with. It really showed me the subtle differences there are in how things are displayed. |
|
|
User: Roddy 11 years ago
|
|
|
One of the problems with a drag and drop editor like EverWeb is that you can insert just about anything anywhere in any order on a web page. This usually results in a page document whose performance in the browser is poor and doesn't make a lot of sense to the search engine spiders. In general, things will be OK as long as the items are given space but, the larger the font sizes, the bigger the potential for layout problems in different browsers. The HTML5 widgets were created so that EverWeb users could create better design elements, quicker and which can be used on both the full and the smart phone sites. These create content blocks which include related items like HTML heading, image, caption and text. This makes for a more efficient, faster downloading HTML doc and a lot less individual items to move out of position when viewed on different browsers or devices. On the face of it, your page looks like good modern design with well defined content blocks but, to the browser and search engines, it's just a jumble of unrelated objects. Designing for mobile devices is completely different than for computers. Everything needs to be optimised for fast download. Even if you are not prepared to create more efficient content blocks, you should reduce those extra larger font sizes and optimise the images. ------------------------------- 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: Lucas F. 10 years ago
|
|
|
Thanks guys for your help. its nice to know there are people out ther willing the share their knowledge. I have played around so the site looks good on both devices and am slowly happy. now if i can only work out how to make a drop down menu for the moblie site with out disturbing the menu on the pc site ill be even more happier.. ill search the forums.. thanks again Lucas |
|
| Post Reply |
| You must login or signup to post. |