【问题标题】:how to move a object on left if screen size decreases?如果屏幕尺寸减小,如何在左侧移动对象?
【发布时间】:2019-08-02 17:02:26
【问题描述】:

我有一个带有链接的菜单,当我降低屏幕分辨率时,最后一个按钮会缩小,并且在减小屏幕尺寸时我需要将所有对象向左移动

该死的,你需要写一些东西才能添加代码,所以我会唱一些歌

[Куплет 1,Ольга Бузова]: 简单,简单。而现在似乎没有 没有你,这里如此无尽。 一起过夜。但我真的不在乎 不管你想做什么。

[Переход]: 在我的宇宙中,你是唯一的, 我曾经去过的唯一一个。 但事实证明,你并非不可替代' 现在我打开了一个全新的世界

Читать на сайте: https://www.gl5.ru/b/buzova_olga/olga-buzova-not-enough-for-me.html

  <div class="navbar navbar-inverse " id="headwrap" >
    <div class="navbar-header">
      <button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>


      </button>
        <a href="/"> <img src="{% static 'MainPage/image/logo.png' %}" >  </a>


    </div>

    <div class="navbar-collapse collapse ">

    <ul class="nav navbar-nav">

       <li class="li"><a href="/news/">Главная</a></li>
      <li class="li"><a href="/programms/">Программы</a></li>
      <li class="li"><a href="/aboutUs">О нас</a></li>

    <div class="dropdown">
    <li class="li dropbtn "><a id="lessons" href="/news/">Уроки</a></li>
    <div class="dropdown-content">
    <a href="/lessons_django/">Django</a>
    <a href="/lessons_java/">Java</a>
    </div>
    </div>

    {% if user.is_authenticated %}
    <li class="li"><a href="/cabinet/">Профиль</a></li>

    {% endif %}

    </ul>


    <ul class="nav navbar-nav" id="reg">


         {% if user.is_authenticated %}

        <li>   <a href="/logout/"> <img src="{% static 'MainPage/image/Выход.png' %}" >  </a>      </li>

          {% else %}

          <li>  <a href="/login/"> <img src="{% static 'MainPage/image/Войти.png' %}" >  </a></li>
           <li><a href="/register/"> <img src="{% static 'MainPage/image/Регистр.png' %}" >  </a></li>

          {% endif %}




    </ul>
    </ul>

    </div>

【问题讨论】:

标签: html css media-queries


【解决方案1】:

这是您的 css 的示例媒体查询。

@media only screen and (max-width : 1200px) 
{
     .download-button a
      {
         margin-right: 10px;
      }
}

您可以定义最小和最大宽度并放入特定的 CSS。

对于不同的分辨率有一定的固定宽度,例如。手机、平板电脑、显示器。

在开发时从小到大的屏幕分辨率。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2016-01-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-06-01
    • 2021-09-01
    • 1970-01-01
    相关资源
    最近更新 更多