第八讲 Jquery Mobile中流式布局，网格布局以及响应式布局教程

1511406769

我之前用visual studio做了一个网站，采用table布局。 现在想利用响应式布局方法修改代码，但是我在页面中进行修改是却改不出想要的效果。
求指导！！！！
<style type="text/css">
      @media all and (min-width:800px)
     {
         #grid
         {
             width:300px;
             float:left;
             margin-right:10px;
             }
          #grid1
          {
              width:300px;
              float:left;
              margin-right:10px;
              }
          #grid2
          {
              width:300px;
              float:left;
              margin-right:10px;
              }
         }
    @media all and (max-width:799px)
    {
        #grid
        {
            width:100%;
            }
        #grid1
        {
            width:100%;
            }
         #grid2
        {
            width:100%;
            }
        }     </style>