PhoneGap中文网»社区板块 › IT营全栈开发 › Cordova/phonegap开发 › 第八讲 Jquery Mobile中流式布局，网格布局以及响应式布 ...

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

查看数: 790965 | 评论数: 1589 | 收藏 0

关灯 | 提示：支持键盘翻页<-左右->

帖子模式

admin

发布时间: 2013-9-21 18:04

正文摘要:

replyreload += ',' + 470;第八讲 Jquery Mobile中流式布局，网格布局以及响应式布局高清视屏教程下载高清视屏教程下载地址：游客，如果您要查看本帖隐藏内容请回复课件以及源码下载地址：游客，如果您要查看 ...

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

感谢感谢感谢

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

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

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>