在最大化窗口时重定位的文本

Question

这是我的问题人员，当我最大化窗口时，我希望状态，截止日期位于相对于页面的位置，即在不相同位置的类似位置。在最大化时，我希望Status，Due Data和To在最大化时或在页面展开时始终向右移动。我是CSS的新手。谢谢你的时间，我期待着你的帮助。

未最大化 MAXIMIZED 以上是截屏，

这是我的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/