我有一个网站在一个代码点火器。 我做了一个网页使用html和css为笔记本电脑屏幕。 但我想为所有的移动设备。 所以我写了移动设备的媒体查询。 例如，我的移动设备重新选择是393*786。 所以我所尝试的

/* media query*/
   /* Media Query for Mobile Devices */ 
   @media (max-width: 480px) { 
    html, body {
        max-width: 100%;
        overflow-x: hidden;
        
    }
       .heading-second
       {
           display: none;
           overflow-x: hidden;
           overflow-y: scroll; 
           
       }
.........

这是我下面的顶行

我犯了什么错误

这个网页看起来是363*778，只是有点不同。 我必须为每一个设备制造？ 我想这是不可能的？ 然后我如何为每一个设备编写。