如何使md-toolbar成为响应式的

Question

我正在为我的页面使用md工具栏，它没有调整到完整窗口，如何在桌面和手机中进行响应（媒体查询）？

的index.html

<md-toolbar>

<div class="md-toolbar-tools">
    <!-- Logo  -->
        <img src="img/logo/1.png">
        <!-- navbar Search -->
        <div class="navbar-collapse" id="navbar-collapse-1">
            <div id="right">
                <form class="navbar-form" role="search">
                    <div class="input-group add-on">
                        <div class="input-group-btn">
                        <button class="btn btn-default" type="submit"><i class="glyphicon glyphicon-search"></i></button>
                        </div>
                        <input type="text" class="form-control" placeholder="Search Properties" >

                    </div>
                </form>
            </div>
        </div>

        <button type="button" class="btn btn-info">For Landlords</button>

        <!-- Side Menu -->
        <md-button type="button" class="btn btn-info"  >
         Menu
        </md-button>


    </div>
</md-toolbar>

Answer 1

包含<meta name="viewport" content="width=device-width">

之类的viewport-meta-tag