html - 在 PC Chrome Inspect 视图中，一切都很完美，但在移动设备上却没有响应

Question

我使用 HTML CSS js jquery 和 GSAP 构建了一个表单。当我使用 chrome 控制台进行调试时。它显示完美，但从手机访问被破坏。我使用了媒体查询，但它被破坏了，所以我删除了它。如何使其在移动视图中也有响应。

*{

    margin: 0; 
    padding: 0;
    

body{

   font-family: montserrat, arial, verdana;
   background-color: #000000;
   background-image: linear-gradient(315deg, #000000 0%, #414141 74%);   
}

#msform {

    width: 900px;
    margin: 50px auto;
    text-align: center;
    position: relative;
}
#msform fieldset {
    
    border: 0 none;
    border-radius: 3px;
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
    padding: 20px 30px;
    box-sizing: border-box;
    width: 80%;
    margin: 0 10%;
    border:solid 2px white;
    position: relative;
}

你可以在 github- https: //tamzid958.github.io/multipage_form/ 中看到我的实时表单

标签： htmlcss