Question

我正忙于我的投资组合网站，我会让它做出回应。

大多数事情都很敏感，但我正在与contact page挣扎。

代码：

.footerContact .informatie
{
    float: left;
    margin-left: 20%;
    margin-top: 10%;
    color: white;
    width: 250px;
}

.footerContact .form
{
    float: right;
    margin-right: 20%;
    margin-top: 10%;
    color: white;
    width: 300px;
}

现在我正在使用媒体查询将屏幕尺寸设置为1115px时将它们放在彼此之下

可以找到示例here

我该怎么做？

@media only screen and (max-width: 1115px) 
{
    .footerContact .informatie
    {
        float: none;
        margin-left: 20%;
         margin-top: 10%;
         color: white;
        width: 250px;
    }   

    .footerContact .form
    {
        float: none;
        margin-left: 20%;
        margin-top: 100px;
        color: white;
        width: 250px;
    }

}

Answer 1

您的表单在响应模式下正常运行。

您只需将margin: auto设置为居中对齐div。

小提琴：http://jsfiddle.net/L2mvewLo/1/

Answer 2

定位所有设备 @media all和（max-width：1115px）{

然后将两者都设置为宽度：100％;和float：left;

或浮动：无;和保证金：自动; （以他们为中心）。

从浮动：左右移动到彼此之下

2 个答案: