屏幕宽度减小时Html页面上的换行菜单

我在css中使用媒体查询来隐藏菜单和显示超链接，点击超链接我会显示包装菜单。是否有任何默认的方法来实现响应性设计

代码

<a id="advanced_menu_toggle" href="#mobile-advanced">menu</a>
<div class="row" id="mobile-advanced">
    <div class="span2">
        <a id="hide" style="font-size:x-large" href="#">Close</a>
    </div>
    <div class="span3">
        <img src="test.jpg" style="position: inherit" width="50%" height="50%" align="right" />
    </div>
    <div id="Div2" class="span8" style="float: left">
        <br /><br />
        <a href="Techesperto.html" style="font-size:x-large">Home</a>
        <br /><br />
        <a href="About" style="font-size:x-large">About Us</a>
        <br /><br />
        <span>
            <nav id="nav" role="navigation">
                <li>
                    <a href="#" style="font-size:x-large">Partners</a>
                    <ul  style="position:relative" >
                        <li id="LM1" style="float:inherit"><a href="#" style="font-size:x-large">Laptops</a></li>
                        <li id="LM2" style="float:inherit"><a href="#" style="font-size:x-large">Monitors</a></li>
                        <li id="LM3" style="float:inherit"><a href="#" style="font-size:x-large">Printers</a></li>
                    </ul>
                </li>
            </nav>
        </span>
        <br /><br />
        <a href="Contact.html" style="font-size:x-large">Contact</a>
    </div>
    <br /><br />
    <a href="Services.html" style="font-size:x-large">Services</a>
</div>

---

不清楚你在问什么。什么意义上的响应性设计？非常具体。转到网站并将屏幕大小调整为274*346。调整菜单大小时，菜单将被包装为+符号。单击+符号菜单将以列表的形式出现。我想实现这个实用性一个好的开始是向我们展示CSS的相关部分，包括您尝试过的内容，并解释哪些不起作用。更新您的问题，而不是在注释中添加代码或信息。