如何使用响应属性设置版权栏的样式

Question

我想要一个版权栏，左边有一个短语，右边有另一个短语。然而，当我试图尽量减少寡妇的大小时，事情就开始变得糟糕。当我把窗户做得更小时，我已经尝试将文本居中，这样当它们在彼此顶部解开时，它看起来更加悦目，但现在我的底部div与顶部的重叠。这就是我希望我的版权条看起来像：

https://amazingwebsites.co/

这里是JSFiddle：

http://jsfiddle.net/7hjngcLd/

我大部分都遇到了正确部分的问题。这是那个的CSS：

#copyright-right {
float : right;
font-size : 1.5em;
color : #222222;
padding-top : 8px;
padding-left : 20%;
font-family : 'Roboto condensed';
font-weight : 300;
letter-spacing : 0;
padding-right : 20%;
background-color : #B5B7B9;
}

感谢您提供任何帮助。

Answer 1

与您的媒体查询有关：

@media (max-width: 1400px)
  #copyright-right {
      top: -8px;
  }

确保属性未设置在适当的视口宽度，并且您不会获得重叠。现在，您可以将其应用于宽度最大为1400px的任何视口宽度。