Last post Mar 15, 2013 04:41 PM by rollo1002
Mar 15, 2013 03:10 AM|adejoya|LINK
I want to set the CSS website body to make my website fit to any screen resolution.
Mar 15, 2013 03:25 AM|Rion Williams|LINK
The <body> of your page by default will scale to the size of your viewport, however the content often will not. You'll need to use some additional methods to get your site looking great across all platforms and devices.
Consider using one of the many Responsive Design Frameworks that are out there for your site, such as the
Twitter Bootstrap. Responsive design focuses on making your site easily usable and accessible from basically any resolution and devices available.
You can also accomplish this using CSS Media Queries, which target specific resolutions and screen sizes and style elements accordingly.
Mar 15, 2013 04:25 AM|Mandeep Joon|LINK
For that you have to specify your width in css in % not in px.
Use it like this
Mar 15, 2013 05:24 AM|adejoya|LINK
font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
I Already try that Mandeep Joon..
Mar 15, 2013 12:26 PM|Rion Williams|LINK
Could you post your complete CSS (or just more of it)?
The CSS that you currently have for your body element will work, however I am wondering exactly what you are trying to accomplish? If you are trying to get your site to look consistant across all resolutions and platforms, you really should consider using
one of the Responsive Design methods that I mentioned earlier.
Mar 15, 2013 12:37 PM|Sujeet Saste|LINK
Such CSS are available for free.
Try using Twitter Bootstrap UI Fremework and have a great experience of designing responsive designs which fits in any resolution.
Visit above link and download the Bootstrap, and read documentation for how to use its responsive features here :
Feel free to ask if you have any query while designing using bootstrap.
Mar 15, 2013 04:41 PM|rollo1002|LINK
You have to adjust the margin field.
Set it to:
margin: 0px auto;