如果屏幕尺寸减小，如何在左侧移动对象？

Question

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

妈的，你需要写点东西才能添加代码所以我会唱首歌

[Куплет 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>

Answer 1

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

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

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

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

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

如果屏幕尺寸减小，如何在左侧移动对象？

how to move a object on left if screen size decreases?

html

css

media-queries