I want my website can be access from mobile phone but you know i want it display fit on any mobile phone screen. What i want is not only web for mobile device but its also can be access via computer. Lets say i already a website now, <snip/> and i want my website can be access from mobile phone. i often see, usually it use sub domain like m.namedomain.com. How can i do that?

ralphm
—
2012-06-25T12:44:54Z —
#2

There are various ways to make a site fit to mobiles. You can, for example, [just style it differently for different devices. Or you can build a separate site and place it in a subdomain like m.mysite.com. Then you [URL="http://www.sitepoint.com/forums/4910560"]need a script to detect the device](http://www.alistapart.com/articles/responsive-web-design/) and redirect the device to the correct site.

"Fluid layouts" section will teach you how to compress or expand content across different screen sizes. "Fluid images" section has links that talk about images and their resizing or replacement across different screen sizes."Media Queries" section has the information on detecting screen sizes and applying the right CSS for each range of sizes.

RaySaj
—
2012-07-11T11:00:57Z —
#4

also go ahead and check this site for mobile development...http://jquerymobile.com/

As ralph.m suggested, you can use a script in your root dir to detect the mobile devices and redirect them to m.yoursite.com automatically if you want.

Sogo7
—
2012-08-02T18:10:55Z —
#6

Surprised nobody has mentioned using a responsive 'boilerplate' CSS system like Skeleton?

You code the site up using predefined building blocks and it automatically scales images and column widths to fit the display area available.

akhomiyar
—
2012-08-15T11:47:58Z —
#7

kickbond said:

I want my website can be access from mobile phone but you know i want it display fit on any mobile phone screen. What i want is not only web for mobile device but its also can be access via computer. Lets say i already a website now, <snip/> and i want my website can be access from mobile phone. i often see, usually it use sub domain like m.namedomain.com. How can i do that?

Hey K,I was also looking to convert my Wordpress website into a mobile friendly site where I came across this Mobile Website Builder for Wordpress by DudaMobile. It works with all wordpress themes. It has three simple steps to follow- installing the dudamobile wordpress plugin, customizing your mobile website or use the site editor and publish!! Absolutely amazing.. it does the m.namedomain.com automatically.... thanks DudaMobile

This is a great way to making your website mobile friendly. I just loved it. It is simple, easy- no coding is required..this is one great thing noncoders like me loved about this plugin :). And more over the dudamobile.com has the facility to convert non-wordpress website too and to add to it, the service comes in both free & paid versions too

Surprised nobody has mentioned using a responsive 'boilerplate' CSS system like Skeleton?

You code the site up using predefined building blocks and it automatically scales images and column widths to fit the display area available.

My reply #3 has links to boilerplate CSS.

lillianabe
—
2012-08-17T12:50:12Z —
#9

There are lots of ways to build website which is accessible from all devices. I suggest you to use Liquid Layout for your web designing, which will help to make cross browser compatible website. If you are using liquid layout for your website designing then it will fit with all browser screen. For more information about liquid layout you can follow the link:http://www.adobe.com/devnet/dreamweaver/articles/introducing_new_css_layouts.html

henrywinsett
—
2012-10-02T12:21:59Z —
#10

Responsive website design is the latest techniques wherein a website layout automatically resizes according to device screen. With the help of HTML 5 you can easily build a responsive website design which is compatible with Mobile, tablets and computer.

ralphm
—
2012-10-02T12:35:57Z —
#11

henrywinsett said:

With the help of HTML 5 you can easily build a responsive website design

How does HTML5 help? I thought it was a markup language, rather than a layout/presentation language (the job of CSS).

sophieschoice
—
2012-10-08T19:35:18Z —
#12

ralph_m said:

How does HTML5 help? I thought it was a markup language, rather than a layout/presentation language (the job of CSS).

You are totally correct. You can make even an XHTML 1.0 strict website responsive. It's all down to the use of CSS, to make a website responsive.