0

Hi Guys,

Good day
I have a web site: www dot my-portfolio-site dot site88 dot net/ and I want that the website has to be responsive and perfectly function on mobiles and tablets.

For your kind information, I know HTML and CSS coding. But I don’t know how to convert the website has to be responsive and perfectly function on mobiles and tablets.

So, please see my source code and suggest which code I should write. And where should I place it?

No more, I am waiting for your kind response.

Thank you.

4
Contributors
3
Replies
22
Views
4 Years
Discussion Span
Last Post by MidiMagic
1

You don't have to do much, just redwork your site to fit into FULL SIZE viewable 800 pixel wide pages, then, most smartphones with 800pixel wide displays will be able to display your Pages.

You can check your pages here:

http://www.websitedimensions.com/sitegrid/index.php

As you quote, you know html and css, so, you should have no problem to do this.

Ernie

0

Here are a couple of sources that can help you out a bit more (i am not sure why you would have a problem doing this if you are good with html and css).

http://designshack.net/articles/css/quick-tips-for-creating-a-mobile-optimized-site/

http://stackoverflow.com/questions/4167164/convert-a-regular-website-to-a-mobile-website

http://mobile.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/

http://css-tricks.com/forums/discussion/20871/make-my-website-mobile-friendly/p1

http://blog.gist.com/2012/06/21/14-tips-for-building-mobile-friendly-websites/

The poster above me has given a couple of important points but try using percentages to set the widths/heigts of somethings rather than pixels.

Edited by <M/>

0

In other words, make it compatible with an old PC that has only an 800 X 600 VGA screen:
- No big images
- No combined widths larger than 800px.

We're going back to the 1990s.

Another possibility is an alternate link to a reduced size page at the TOP of the page.

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.