如何在Mobile View中使网站具有响应能力

Question

我需要将网站设置为移动响应格式。在F12上检查时，以下代码与ipad组兼容。下面是我的CSS代码。

结果：将此CSS内置到对移动/ ipad友好的CSS中。

此处Div是由jquery动态生成的。我只需要这张图片 enter image description here

但是变得像这样 enter image description here

This is generated divs 

[enter image description here][3]  

#Main{
 width: 960px;
  margin:0px auto;
 overflow:hidden;

       }.Table1 
    {
    background-color: paleturquoise;
    text-align: center;
    margin-top: 9em !important;
    width: 40%;
    color: red;
    font-weight: bold;
    box-shadow: inset 0 0 10px #000000;
    text-shadow: 0px 0px 0px #333;
    top: .5%;
    font-size:20px !important;
    }
    .width50 {
        width:50% !important;
    }

@media screen and (min-width:480px) {
    #Main {
        width: 50%;
    }

    .Table1 {
        width: 40%;
    }
 .Table2row1 {
        width: auto;
    }
    body {
        margin: 0;
        height: 100%;
    }
}