每个人下面都有

Question

我有这个网站https://vitas.sk/objednat.php，我需要把所有字段和文本放在一起，并在MOBILE版本的一列中提交，这意味着宽度不超过500px。我尝试过网上的所有内容，但没有任何效果。

Answer 1

首先，你不希望你的公式使用display：flex但是display：block; 接下来，您希望您的contactFormularo和输入获得100％的宽度。

并且您希望使用类似的媒体查询：

@media screen and (max-width: 480px) {

    .formularo{
       display:block;
    }

    .contactformularo {
        width:100%;
    }

    input[type="text"] {
        width:100;
    }
}

我让你看到How to create a Minimal, Complete, and Verifiable example