Page is a not externally linkable
- Code, Content, and Presentation
-- JavaScript and AJAX
---- Detect Monitor Size and Adjust Accordingly?


Fotiman - 6:31 pm on Mar 7, 2013 (gmt 0)


This is a CSS question (since we're talking about presentation). :)

Do a search on "responsive design" or "responsive web design". To summarize, you basically use media queries to apply styles based on the current max-width. For example:

.container {
width: 1366px;
}

@media (max-width: 1024px) {
.container {
width: 960px;
}
}


Read up on Responsive Design.


Thread source:: http://www.webmasterworld.com/javascript/4552234.htm
Brought to you by WebmasterWorld: http://www.webmasterworld.com