css - 最大化窗口时要重新定位的文本

Question

这是我的问题伙计们，当我最大化窗口时，我希望状态、截止日期位于与页面相关的位置，即位于相似的位置而不是相同的位置。最大化后，我希望状态、到期数据和收件人在最大化或展开页面时始终向右移动。我是 CSS 的新手。感谢您的宝贵时间，期待您的帮助。

未最大化 最大化 以上是屏幕截图，

这是我的 CSS 尝试:

#center-header-status
{
    position:relative;
    font-family:Arial;
    font-size:14;
    padding:25px;
    float:left;
    color:#5E5E5E;
    bottom:7px;
    text-align:justify;

}

#center-header-duedate
{
    position:relative;
    font-family:Arial;
    font-size:14;
    padding:25px;
    float:left;
    color:#5E5E5E;
    bottom:7px;

}

#center-header-to
{
    position:relative;
    font-family:Arial;
    font-size:14;
    padding:25px;
    float:left;
    color:#5E5E5E;
    margin-left:5px;
    bottom:7px;

}

Answer 1

一种方法是使用 css3 媒体查询，查看

http://www.css3.info/preview/media-queries/
http://www.w3.org/TR/css3-mediaqueries/