社区板块 › Cordova/phonegap开发 › 第八讲 Jquery Mobile中流式布局，网格布局以及响应式布局教程

全球禁曲 发表于 2016-8-16 23:13:15

啊哈哈哈

e--墨者 发表于 2017-1-13 11:25:35

phonegap100

e--墨者 发表于 2017-1-13 11:26:25

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

e--墨者 发表于 2017-1-13 11:27:07

网格布局以及响应式布局教程

e--墨者 发表于 2017-1-13 11:27:33

网格布局以及响应式布局教程

e--墨者 发表于 2017-1-13 11:28:04

网格布局以及响应式布局教程

shit1234 发表于 2017-4-21 12:36:38

谢谢老师谢谢老师

1511406769 发表于 2017-4-30 16:12:25

本帖最后由 1511406769 于 2017-4-30 16:29 编辑

我之前用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>

ningningdezone 发表于 2017-5-2 22:41:21

希望不是一堆代码，要有视频哦

18435111265 发表于 2018-2-4 16:28:14

感谢感谢感谢

查看完整版本: 第八讲 Jquery Mobile中流式布局，网格布局以及响应式布局教程