javascript adjust content wrapper on resize

means HTML 5.Īnd then I declared an attribute which specifies the xml namespace for a document. In first line I have define the tags that says or instructs to the web browser about what version of HTML the page is written in.

Those tags allow you to define better meaning to the browser which improves the search engine readability. Which is Header, Footer, Aside, Section tags. Adjustable WebSite Example using HTML5 CSS3 įor above HTML markup I have mostly used semantic HTML. The design layout for the above web site is But my ultimate goal is to show how use this.īrowser reduced so that Advertisement area is hidden.īrowser more reduced to make Image and Description align well. I found a solution for it but didn't work.Īctually the technique that I am going to use can use in many different ways, I have dome my demonstration coding which matches to my scenario. Also I tested it from two browsers Chrome, FireFox and IE, but in IE media queries doesn't work.

In this case I demonstrate this with different devices (Iphone 5, Galaxy S4, Windows Phone 920 and ITab 2). So lets take a look at a effective way of make a web site screen size adjustable by using some great things in HTML and CSS. In above scenario web site decreases its web site only upto 1000px.

Javascript adjust content wrapper on resize