I have already build my website which works fine in laptop or in PC , but when I type URL in mobile i am not getting the reduced size website . I have to do scrolling view all the part of the screen.. I want my website to be in reduced size when opens in mobile or i pads, tablets etc. I have only 1 day remaining to submit my program .Please help me in finding the solutions.
Asked
Active
Viewed 619 times
-2
-
use % width instead of fixed ones – Dev Man Aug 05 '14 at 13:54
-
Use Boostrap, it provides a responsive layout. http://www.getbootstrap.com – NicoFerna Aug 05 '14 at 13:57
-
compared to what percentage i have to give. I have left side wall and right side wall add width 195px and middle part 996px to can i give percentage for this – user3910190 Aug 05 '14 at 13:59
-
User Frisidan gave the only true answer here – singe3 Aug 05 '14 at 14:10
2 Answers
5
Paste this in the <head> of your website. This will scale the website to your phone size. It also works for tablets.
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
Danny van Holten
- 932
- 5
- 22
Frisidan
- 93
- 4
-
-
@singe31 - there will tonnes of cross browser problems will occur if you solely rely on this. Responsive Web Design will be savior over there. – Pramod S. Nikam Aug 06 '14 at 07:19
-1
The design of web site that will adapt to different screen sizes is called as Responsive Design
There are many mechanisms are available to do this.
- Response JS - http://responsejs.com/
- BootStrap - http://getbootstrap.com/
- Phone Gap (For Mobiles ) - http://phonegap.com
I will not encourage you to do patch work for this requirement as this will re occure. Design code in Responsive way.
Pramod S. Nikam
- 4,271
- 4
- 38
- 62