How to set screen size in mobile/wap site?

If you didn’t know, well its easy as putting your leg in mud clean.
You can set width for your wap site to enclose the whole mobile screen size by using ‘viewport’ meta tag. As you know, meta tags are special instructions sent to browser in our case mobile browser. With many meta tags available, we have another one called ‘viewport’ used to control layout.

Use this tag in head:
<meta name="viewport" content="width=device-width">

“width=device-width” will set width of your site to available width of device screen size. So, now you can use css properties like width:100% to create clean layouts

I hope this helps!

Leave a Reply

Your email address will not be published. Required fields are marked *