1. 程式人生 > >響應式布局簡易自適應頁面代碼

響應式布局簡易自適應頁面代碼

content deb search side 響應式 n-n sidebar orm post

<header>
<div id="pagewrap">
<header id="header">
<hgroup>
<h1 id="site-logo">Demo</h1>

<h2 id="site-description">Site Description</h2>

</hgroup>

<nav>
<ul id="main-nav">
<li><a href="#">Home</a></li>
</ul>
</nav>

<form id="searchform">
<input type="search">
</form>
</header>

<div id="content">
<article> blog post</article>
</div>

<aside id="sidebar">
<section> widget</section>
</aside>

<footer id="footer"> footer</footer>

</div>
</header>

響應式布局簡易自適應頁面代碼