tryresponsive_image3 在线代码实例

 <div class="header">
        <h1>查尼亚</h1>
    </div>
    
    <div class="row">
        <div class="col-3 col-s-3 menu">
        <ul>
            <li>航班</li>
            <li>城市</li>
            <li>岛屿</li>
            <li>食物</li>
        </ul>
        </div>
        
        <div class="col-6 col-s-9">
            <h1>城市</h1>
            <p>查尼亚是克里特岛查尼亚地区的首府. 这个城市可以分为两部分，老城区和现代城区.</p>
            <img src="/upload2/statics/images/course/img_chania.jpg" width="460" height="345">
        </div>
        
        <div class="col-3 col-m-12">
            <div class="aside">
                <h2>查尼亚是什么?</h2>
                <p>查尼亚是克里特岛上的一座城市.</p>
                <h2>查尼亚在哪里?</h2>
                <p>克里特岛是位于地中海的一个希腊岛屿.</p>
                <h2>如何去查尼亚?</h2>
                <p>你可以从欧洲各地到达查尼亚机场.</p>
            </div>
        </div>
    
    </div>
    
    <div class="footer">
    <p>调整浏览器窗口大小查看内容变化。</p>
    </div>