我有一个带有徽标(MostafaOmar(的导航栏,当我缩小时,位置也会移动。
尝试缩放到 70%,您会看到徽标的位置也在移动。
当它达到 100% 时,我怎样才能让它保持原样?
商标
.nav .nav-heading .brand {float: left}
看起来父div与.container
类的重新调整大小正在调整大小,这正在移动内容,包括您的徽标。
如果强制将容器类宽度强制为 80%,这将解决任何调整大小的问题。 您的文本可能会增大和缩小,但位置会保留在同一位置。我在你的代码笔中测试过,它可以工作。
.container {
width: 80%;
}
或者,由于您可能不想更改整个类,因此可以将 ID 添加到导航栏容器,并以相同的方式定位其宽度。
让我知道这是否有帮助
干杯