asked on

what is the difference between mobile website and normal pc website?

Dear sir,
we have one website working well for the PC to access.
Unfortunately, the web page can not be displayed well by iPhone.
What is the different between the web page for pc and for mobile smart phone technically?

Thanks for any information

ASKER CERTIFIED SOLUTION

Owen Rubin

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Guru Ji

Mobile browsers are essentially scaled-down versions of standard HTML web browsers viewed on a computer. If you do opening a website which contains or run using Adobe Flash, it won't work on any apple mobile devices because Apple mobile devices don't support Flash.

Rest if its just a static HTML website, it can be viewed in any mobile browser.

Hope that helps

SOLUTION

FutureIOSGuru

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

SOLUTION

Scott Fell

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

matiascx

ASKER

Thanks a lot for your information.
My mobile website seems does not support resize feature.
That site is developed by other guys.
I want my site can resize by iphone brower. How to do that?
What is more, is there any difference between the mobile brower and pc browser?
Are the html standard totally supported by mobile browers?

Thanks!

matiascx

ASKER

The page does not look well means:
It can not be resized, the page fonts always looks big on the mobile iphone. We must scroll down a lot to see the full page.
I'd like one page who can be resized by iphone two fingle drag to zoom in/out .
Is that the so called responsive site?

Best Regards/robert

Richard Daneke

Each browser has some peculiar behavior. Better web developers test on the browser requesting the page and adjust their code for the browser.

Screen size is the major difference. A test on screen size in the web page can redirect the html to a different set of html files for the mobile screens.

If you do not have control over your web page development because it is handled by another firm, you have to let them code the changes for mobile devices. Or, change developers.

matiascx

ASKER

How to determine web browser is mobile or pc?
I will change the dev team if i know what should do then.

Richard Daneke

One of the web sites I work with uses this test in the <HEAD> to redirect:

<!--
if (screen.width <= 699) {
document.location = "http://your domain name here.com/mobile";
}
//-->

Open in new window

Some people test to see if the requestor is using iOS (Apple device) and more. Internet searches can show several different examples. This is a simple test for web pages where the width is less than 700.

Scott Fell

If the site was done a few years ago, chances are it was not made using "responsive" media queries although it has actually been around for some time.

Most (new) sites now are made to be responsive. There are probably 40%+ using some form of "mobile" if you include tablets. It may not be the team, but the process. If you have a large site with a large userbase, you may want to consider a native app as well.

Owen Rubin

If this site was built by others, you will either have to hire them again to fix it, or learn how to add the proper formatting yourself.

If the site is not resizing properly now, there are many reasons, most of which have to do with absolute size styles being used in the design.

If you post a link to your site, we can look at the source and see as well.

COBOLdinosaur

We can spend days speculating about this, or you can post a link to the page and then experts will be able to give you specific advice.

Without seeing the page it is like asking an auto mechanic why your car won't start over the phone. You might get lucky, but results are generally better with a hands on approach.

Cd&

matiascx

ASKER

my website is : www.guozhiyin.com
I 'd like to the web page should be resized by two finger dragging.

Best Regards,
robert

Scott Fell

It seems to work fine on my android when I pinch.

Scott Fell

The validator shows some issues http://validator.w3.org/check?uri=http%3A%2F%2Fwww.guozhiyin.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

COBOLdinosaur can probably answer this better, but I believe the first error will is typically ignored or you can send it in your htaccess.

Line 4, Column 65: Bad value X-UA-Compatible for attribute http-equiv on element meta.
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

You also have duplicate id's. You can have duplicate classes, but only one unique id.

Go through your errors and if you you are not sure how to fix, then post a new question.

SOLUTION

COBOLdinosaur

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Owen Rubin

So looking at the site we are back to my original comment of what you expect from a mobile device. This page is readable on a mobile device, you just have to scroll around a lot. This was not a mobile optimized page, but it can, for the most part, be read on a mobile device.

I agree with COBOL, given the dynamic nature of this site, I would have a separate design for mobile and PC.