mobile website mobile website [closed]

Question

website tailored for mobile devices.

Answer 1

At first, you should check this link. This link explains you, at first, how to redirect your Website to a mobile device. With that, you can create a full interface redesigned with your mobile resolutions, and it will work for you.

If you don't want to redirect it, you can also modify your code by modifying your CSS. Sorry to tell you this, but both solutions need CSS changes.

First one is a redirection of your site to the mobile one, created by yourself, and with the apropiate CSS. For example. You have:

http://www.yourdomain.com

The idea of this method is to create a subfolder, lets say, like this:

http://www.yourdomain.com/m

It uses to be a folder with an m, for identyfing mobile. There you copy your files and adapt your CSS to mobile.

The second method is the same, but on your CSS you should add properties for your difrerent resolutions using the media property:

 @media (min-width: 480px) and (max-width: 950px) as an example...

See here.