PhoneGap中文网

 找回密码
 立即注册

QQ登录

只需一步,快速开始

楼主: admin

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

  [复制链接]

0

主题

1

帖子

4

积分

新手上路

Rank: 1

积分
4
发表于 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>

QQ截图20170430160238.png    搜狗截图20170430160957.jpg


it营
回复 支持 反对

使用道具 举报

0

主题

8

帖子

27

积分

新手上路

Rank: 1

积分
27
发表于 2017-5-2 22:41:21 | 显示全部楼层
希望不是一堆代码,要有视频哦
it营
回复 支持 反对

使用道具 举报

0

主题

12

帖子

26

积分

新手上路

Rank: 1

积分
26
发表于 2018-2-4 16:28:14 | 显示全部楼层
感谢感谢感谢
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐上一条 /1 下一条

Archiver|手机版|小黑屋|PhoneGap中文网 ( 京ICP备13027796号-1

GMT+8, 2018-5-28 11:12 , Processed in 0.314642 second(s), 36 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表