html - 每一个下的div

Question

我有这个网站https://vitas.sk/objednat.php我需要把所有字段和文本之类的东西都放在移动版本的一栏中，这意味着宽度在 500 像素以下。我已经尝试了网上可能所有的 tuts，但没有任何效果。

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