как сделать md-панель инструментов максимально отзывчивой

0

Я использую панель инструментов 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>
  • 0
    Вы пытались добавить атрибуты flex, в соответствии с моей копией примера документа codepen.io/camden-kid/pen/XXYBLK ?
  • 0
    да, я использовал <div flex layout = row>, даже если это не решило мою проблему. Кто-нибудь может мне помочь исправить это?
Показать ещё 1 комментарий
Теги:

1 ответ

0

Включить мета-тег viewport, например <meta name="viewport" content="width=device-width">

  • 1
    Вы должны действительно добавить некоторые объяснения относительно того, почему это должно работать - в его нынешней форме, оно не дает никаких объяснений, которые могут помочь остальному сообществу понять, что вы сделали, чтобы решить / ответить на вопрос.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню