Home/ Questions/Q 8101367
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-05T22:57:55+00:00

I am attempting to make my first mobile website by just using a different

  • 0

I am attempting to make my first mobile website by just using a different style sheet but I’m noticing it is more complicated than I expected. Everything is really different when I test both my iPhone 4S and my wife’s android. What do I need to use to make it like Facebook’s mobile site? Where you can’t zoom in or out and it all just fits on your screen?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    In order to make sure your page doesn’t need to be zoomed, add the following meta tag in your HTML:

    <meta name="viewport"
 content="width=device-width, initial-scale=1.0;
 maximum-scale=1.0; user-scalable=0"></meta>

    It does the following:

    • Width of the viewport is scaled to your device’s width (width=device-width)
    • Initial and maximum scales are set to 1.0
    • User scaling (zooming) is disabled

    If you are looking for methods to allow your website to smoothly work for mobile devices, tablets as well as desktop devices, the keyword is responsive design (or responsive web design). Read this article on A List Apart to get started. Also for a hugely popular (very Facebook-like) responsive layout, see Twitter Bootstrap. For highly mobile optimized UI components, I really recommend taking a look at jQuery Mobile.

    • 0