菜鸟教程 trycss3_mediaqueries_ex6 在线代码实例

运行 保存 全屏 右侧展示 实时查看
主题:

 <h1>重置浏览器窗口,查看效果!</h1>

<ul id="nav">
  <li><a data-email="johndoe@example.com" href="mailto:johndoe@example.com">John Doe</a></li>
  <li><a data-email="marymoe@example.com" href="mailto:marymoe@example.com">Mary Moe</a></li>
  <li><a data-email="amandapanda@example.com" href="mailto:amandapanda@example.com">Amanda Panda</a></li>
</ul>

<div id="main">
<p>这里是很多的文本!!!这里是很多的文本!!!这里是很多的文本!!!这里是很多的文本!!!这里是很多的文本!!!这里是很多的文本!!!这里是很多的文本!!!这里是很多的文本!!!这里是很多的文本!!!这里是很多的文本!!!这里是很多的文本!!!这里是很多的文本!!!这里是很多的文本!!!这里是很多的文本!!!这里是很多的文本!!!这里是很多的文本!!!这里是很多的文本!!!这里是很多的文本!!!这里是很多的文本!!!这里是很多的文本!!!这里是很多的文本!!!这里是很多的文本!!!这里是很多的文本!!!这里是很多的文本!!!这里是很多的文本!!!这里是很多的文本!!!</p>
</div>