精华内容
下载资源
问答
  • http://blog.sina.com.cn/s/blog_4ba291330101j9jp.html ...响应式Web设计:网页随分辨率自适应 (2013-01-29 16:34:43) 转载▼ 标签: css web自适应 分辨率 全屏 it 分类: 设计心得 响应式W

    http://blog.sina.com.cn/s/blog_4ba291330101j9jp.html

    http://blog.sina.com.cn/s/blog_4ba291330101j9kr.html

    响应式Web设计:网页随分辨率自适应响应式Web设计网页随分辨率自适应 (2013-01-29 16:34:43)

    响应式Web设计网页随分辨率自适应转载
    响应式Web设计:网页随分辨率自适应

    响应式Web设计:网页随分辨率自适应,小石头网页设计www.xstoneweb.com与广大网页设计、平面设计爱好者一起分享好的设计文章、让我们在设计路上共同进步。

     
    响应式Web设计:网页随分辨率自适应



    在设计中经常遇到这几个问题:

    1.想要网站兼容手机、平板电脑、pc,就得为不同的设备定制不同的版本。

    2.想要网站的某些页面在宽屏显示器下一行显示更多的内容,又得为宽屏定制一个版本。

    3.很多人并不是在全屏的情况下浏览我们的页面,如果让页面随着浏览器宽度改变而相应的调整会不会比较好?

    有没有办法能有效解决这些问题呢?

    响 应式Web设计(Responsive Web design)的理念是页面的设计与开发应当根据设备环境(屏幕尺寸、屏幕定向、系统平台等)以及用户行为(改变窗口大小等)进行相应的响应和调整。具体的实践方式由多方面组成,包括弹性网格和布局、图片、CSS media query的使用等。无论用户正在使用pc、平板电脑,或者手机,无论是全屏显示还是非全屏的情况,无论屏幕是横向还是竖向,页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等,以适应不同设备。

     
    响应式Web设计:网页随分辨率自适应



    响应式web设计对交互设计和前端实现提出了更高的要求,需要考虑清楚不同分辨率下页面的布局变化、内容的缩放等。

    响应式Web设计的优势:
    开发、维护、运营成本优势:页面只有一个,只是针对不同的分辨率、不同的设备环境进行了一些不同的设计,所以在开发、维护和运营上,相对多个版本,能节约成本。

    兼容性优势:移动设备新的尺寸层出不穷,定制的版本通常只适用于某些规格的设备,如果新的设备分辨率变化较大,则往往不能兼容,而开发新的版本需要时间,这段时间内的访问就是个问题,但是响应式Web设计可以提前预防这个问题。

    操作灵活:响应式设计是针对页面的,可以只对必要的页面进行改动,其他页面不受影响。

    实例展示

    响应式Web设计:网页随分辨率自适应


    当浏览器宽度变小时,左右两栏的宽度都有缩小,左边的banner图片和视频也相应缩小,右边的头像列表由一排4个变为一排两个。

    当浏览器宽度进一步变小后,页面由两栏结构变为一栏结构,部分内容的尺寸进一步缩小,搜索区域也从导航里挪到了导航外。

    响应式页面的设计流程
    第一步:确定需要兼容的设备类型、屏幕尺寸
    通过用户研究,了解用户使用的设备分布情况,确定需要兼容的设备类型、屏幕尺寸。

    设备类型:包括移动设备(手机、平板)和pc。对于移动设备,设计和实现的时候注意增加手势的功能。

    屏幕尺寸:包括各种手机屏幕的尺寸(包括横向和竖向)、各种平板的尺寸(包括横向和竖向)、普通电脑屏幕和宽屏。

    需要考虑的问题:

    某个页面进行响应式设计时其适用的尺寸范围是哪些?比如,1688搜索结果页面,跨度可以从手机到宽屏,而1688首页,由于结构过于复杂,想直接迁移到手机上,不太现实,不如直接设计一个手机版的首页。

    结合用户需求和实现成本,对适用的尺寸进行取舍。比如一些功能操作的页面,用户一般没有在移动端进行操作的需求,没有必要进行响应式设计。

    第二步:制作线框原型
    针对确定下来的几个尺寸分别制作不同的线框原型,需要考虑清楚不同尺寸下,页面的布局如何变化,内容尺寸如何缩放,功能、内容的删减,甚至针对特殊的环境作特殊化的设计等。这个过程需要设计师和前端开发人员保持密切的沟通。

    响应式Web设计:网页随分辨率自适应


    第三步:测试线框原型
    将图片导入到相应的设备进行一些简单的测试,可帮助我们尽早发现可访问性、可读性等方面存在的问题。

    第四步:视觉设计
    注意,移动设备的屏幕像素密度与传统电脑屏幕不一样,在设计的时候需要保证内容文字的可读性、控件可点击区域的面积等。

    第五步:前端实现
    与传统的web开发相比,响应式设计的页面由于页面布局、内容尺寸发生了变化,所以最终的产出更有可能与设计稿出入较大,需要前端开发人员和设计师多沟通。


    作者: 设计玩家  转载请注明出处,谢谢合作
     
     

    自适应网页设计(Responsive Web Design)



    随着3G的普及,越来越多的人使用手机上网。

    移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页?

    自适应网页设计(Responsive <wbr><wbr>Web <wbr><wbr>Design)


    手机的屏幕比较小,宽度通常在600像素以下;PC的屏幕宽度,一般都在1000像素以上(目前主流宽度是1366×768),有的还达到了2000像素。同样的内容,要在大小迥异的屏幕上,都呈现出满意的效果,并不是一件容易的事。

    很多网站的解决方法,是为不同的设备提供不同的网页,比如专门提供一个mobile版本,或者iPhone / iPad版本。这样做固然保证了效果,但是比较麻烦,同时要维护好几个版本,而且如果一个网站有多个portal(入口),会大大增加架构设计的复杂度。

    于是,很早就有人设想,能不能"一次设计,普遍适用",让同一张网页自动适应不同大小的屏幕,根据屏幕宽度,自动调整布局(layout)?

    自适应网页设计(Responsive <wbr><wbr>Web <wbr><wbr>Design)


    一、"自适应网页设计"的概念

    2010年,Ethan Marcotte提出了"自适应网页设计"(Responsive Web Design)这个名词,指可以自动识别屏幕宽度、并做出相应调整的网页设计。

    他制作了一个范例,里面是《福尔摩斯历险记》六个主人公的头像。如果屏幕宽度大于1300像素,则6张图片并排在一行。
    自适应网页设计(Responsive <wbr><wbr>Web <wbr><wbr>Design)



    如果屏幕宽度在600像素到1300像素之间,则6张图片分成两行。

    自适应网页设计(Responsive <wbr><wbr>Web <wbr><wbr>Design)


    如果屏幕宽度在400像素到600像素之间,则导航栏移到网页头部。

    自适应网页设计(Responsive <wbr><wbr>Web <wbr><wbr>Design)


    如果屏幕宽度在400像素以下,则6张图片分成三行。


    自适应网页设计(Responsive <wbr><wbr>Web <wbr><wbr>Design)

    mediaqueri.es上面有更多这样的例子。

    这里还有一个测试小工具,可以在一张网页上,同时显示不同分辨率屏幕的测试效果,我推荐安装。

    二、允许网页宽度自动调整

    "自适应网页设计"到底是怎么做到的?其实并不难。

    首先,在网页代码的头部,加入一行viewport元标签。

      

    viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=device-width),原始缩放比例(initial-scale=1)为1.0,即网页初始大小占屏幕面积的100%。

    所有主流浏览器都支持这个设置,包括IE9。对于那些老式浏览器(主要是IE6、7、8),需要使用css3-mediaqueries.js。

      

    三、不使用绝对宽度

    由于网页会根据屏幕宽度调整布局,所以不能使用绝对宽度的布局,也不能使用具有绝对宽度的元素。这一条非常重要。

    具体说,CSS代码不能指定像素宽度:

      width:xxx px;

    只能指定百分比宽度:

      width: xx%;

    或者

      width:auto;

    四、相对大小的字体

    字体也不能使用绝对大小(px),而只能使用相对大小(em)。

      body {
    font: normal 100% Helvetica, Arial, sans-serif;
    }

    上面的代码指定,字体大小是页面默认大小的100%,即16像素。

      h1 {
    font-size: 1.5em; 
    }

    然后,h1的大小是默认大小的1.5倍,即24像素(24/16=1.5)。

      small {
    font-size: 0.875em;
    }

    small元素的大小是默认大小的0.875倍,即14像素(14/16=0.875)。

    五、流动布局(fluid grid)

    "流动布局"的含义是,各个区块的位置都是浮动的,不是固定不变的。

      .main {
    float: right;
    width: 70%; 
    }

      .leftBar {
    float: left;
    width: 25%;
    }

    float的好处是,如果宽度太小,放不下两个元素,后面的元素会自动滚动到前面元素的下方,不会在水平方向overflow(溢出),避免了水平滚动条的出现。

    另外,绝对定位(position: absolute)的使用,也要非常小心。

    六、选择加载CSS

    "自适应网页设计"的核心,就是CSS3引入的Media Query模块。

    它的意思就是,自动探测屏幕宽度,然后加载相应的CSS文件。

      
    media="screen and (max-device-width: 400px)"
    href="tinyScreen.css" />

    上面的代码意思是,如果屏幕宽度小于400像素(max-device-width: 400px),就加载tinyScreen.css文件。

      
    media="screen and (min-width: 400px) and (max-device-width: 600px)"
    href="smallScreen.css" />

    如果屏幕宽度在400像素到600像素之间,则加载smallScreen.css文件。

    除了用html标签加载CSS文件,还可以在现有CSS文件中加载。

      @import url("tinyScreen.css") screen and (max-device-width: 400px);

    七、CSS的@media规则

    同一个CSS文件中,也可以根据不同的屏幕分辨率,选择应用不同的CSS规则。

      @media screen and (max-device-width: 400px) {

        .column {
    float: none;
    width:auto;
    }

        #sidebar {
    display:none;
    }

      }

    上面的代码意思是,如果屏幕宽度小于400像素,则column块取消浮动(float:none)、宽度自动调节(width:auto),sidebar块不显示(display:none)。

    八、图片的自适应(fluid image)

    除了布局和文本,"自适应网页设计"还必须实现图片的 自动缩放

    这只要一行CSS代码:

      img { max-width: 100%;}

    这行代码对于大多数嵌入网页的视频也有效,所以可以写成:

      img, object { max-width: 100%;}

    老版本的IE不支持max-width,所以只好写成:

      img { width: 100%; }

    此外,windows平台缩放图片时,可能出现图像失真现象。这时,可以尝试使用IE的专有命令:

      img { -ms-interpolation-mode: bicubic; }

    或者,Ethan Marcotte的 imgSizer.js

      addLoadEvent(function() {

        var imgs = document.getElementByIdx_x_xx_x("content").getElementsByTagName_r("img");

        imgSizer.collate(imgs);

      });

    不过,有条件的话,最好还是根据不同大小的屏幕,加载不同分辨率的图片。有很多方法可以做到这一条,服务器端和客户端都可以实现。


    作者: 设计玩家  转载请注明出处,谢谢合作
    展开全文
  • 响应式布局,web端的?php我一直都是用tp框架,对于web首先想到的是bootstrap框架。只是简单了解过,没真正实践啊,bootstrap比我想象的要好用的多。关键是,关键来了…… app端是只有手机的,pc基本上木有。那就是...

    写phpd的我。最近公司要弄个app关键是没有web开发,而我有比较闲,那就扛枪上阵吧。

    响应式布局,web端的?php我一直都是用tp框架,对于web首先想到的是bootstrap框架。只是简单了解过,没真正实践啊,bootstrap比我想象的要好用的多。关键是,关键来了……

    app端是只有手机的,pc基本上木有。那就是说只能按照手机端开发,那么boostrap响应式布局就不适用于app了(反正我是做了一套半成品,被推翻了)。不能愉快的工作了,好不淡定的时间。。百度,百又问问同事,发现了amaze ui也就是妹子框架,终于可以省事了,太高兴了。

    amaze框架下载后是一套让人极其郁闷的示例包,文件引入是分开来介绍的,如果你不仔细看文档,会很痛苦的(因为我就是如此,好折磨人)。

    好了附上amaze的引入文件,仅供大伙参考。

    对了手机端要在头部加上这句话

    <meta name=”viewport” content=”width=device-width, initial-scale=1.0″>

    一切就绪,那就直奔主题。

    手机端目前最低宽度是300.不过说实话智能手机300的屏幕估计是木有,那就按iphone4的320来设计web。那么问题来了,设计给的参考图示640的肿么办,所有的像素除以2,一切解决。

    使用amaze框架并不能很好的解决不同分辨率的像素问题,而且最苦逼的就是要设置好多@media only screen and (min-width:320px) and (max-width:480px) {}屏幕范围样式。太痛苦了,受不了。。有木有一种可以控制的方法呢,京东是怎么弄的?小米又是怎么弄的?百度吧,一切从度娘中找答案。

     

    答案好多,慢慢筛选吧……

     

    于是找到这段代码

     

    那么问题来了,这只是页面的,我想要所有的地方在不同尺寸的浏览器都能自适应,怎解决?

    clientwidth是获取屏幕显示的宽度,设定最小屏幕为320,以320为基础,那么最小最字体就是12px。于是就有了改动。

     

    好了这下子无论什么浏览器都是以最宽320,最小12px为基准。接着还有个问题,所有布局改用什么单位?px/em/pt/rem

    px是最精确的单位,固定值。em值不固定,继承父元素。rem在设定元素时仍是相对大小,但相对的是html根元素。pt就是印刷业上的单位,不过app开发中也用到。

    那么好了,该用哪种的呢,我们先来看看上面的自适应js执行效果。

    在html元素中生成了一个行内字体样式,答案就有了吧。

     

    转载请注明出处:  web前端响应式布局,自适应所有分辨率艾瑞可erik(http://www.erik.xyz/)

    展开全文
  • web 响应式设计

    2014-12-18 13:02:19
    web响应式设计

      第一步:Meta标签()

    大多数移动浏览器将HTML页面放大为宽的视图(viewport)以符合屏幕分辨率。你可以使用视图的meta标签来进行重置。下面的视图标签告诉浏览器,使用设备的宽度作为视图宽度并禁止初始的缩放。在<head>标签里加入这个meta标签。

     

    1       <meta name="viewport"content="width=device-width, initial-scale=1.0"> 

    IE8或者更早的浏览器并不支持Media Query。你可以使用media-queries.js或者respond.js来为IE添加Media Query支持。

     

    2       <!--[if lt IE 9]> 

    3           <scriptsrc="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script> 

    4       <![endif]--> 

            第二步:HTML结构
            在这个例子里,我有一个包括头部、内容、侧边栏和页脚的基本页面布局。头部有固定的高度180像素,内容容器是600像素而侧边栏是300像素。

     

            第三步:媒介查询-Media Queries
            CSS3 Media Query-媒介查询是响应式设计的核心。它根据条件告诉浏览器如何为指定视图宽度渲染页面。
            当视图宽度为小于等于980像素时,如下规则将会生效。基本上,我会将所有的容器宽度从像素值设置为百分比以使得容器大小自适应。

     

            然后为小于等于700像素的视图指定#content和#sidebar的宽度为自适应并且清除浮动,使得这些容器按全宽度显示。

     

            对于小于等于480像素(手机屏幕)的情况,将#header元素的高度设置为自适应,将h1的字体大小修改为24像素并隐藏侧边栏。

     

                                                                

    查询页面大小:

    http://benfrain.com/easily-display-the-view-port-size-of-your-page-for-responsive-designs/

    展开全文
  • 响应式布局,web端的?php我一直都是用tp框架,对于web首先想到的是bootstrap框架。仅仅是简单了解过,没真正实践啊。bootstrap比我想象的要好用的多。关键是。关键来了…… app端是仅仅有手机的,pc基本上木有。那...

    写phpd的我。

    近期公司要弄个app关键是没有web开发,而我有比較闲,那就扛枪上阵吧。

    响应式布局,web端的?php我一直都是用tp框架,对于web首先想到的是bootstrap框架。仅仅是简单了解过,没真正实践啊。bootstrap比我想象的要好用的多。关键是。关键来了……

    app端是仅仅有手机的,pc基本上木有。那就是说仅仅能依照手机端开发,那么boostrap响应式布局就不适用于app了(反正我是做了一套半成品,被推翻了)。不能愉快的工作了。好不淡定的时间。

    。百度。百又问问同事。发现了amaze ui也就是妹子框架,最终能够省事了,太高兴了。

    amaze框架下载后是一套让人极其郁闷的演示样例包。文件引入是分开来介绍的。假设你不细致看文档,会非常痛苦的(由于我就是如此,好折磨人)。

    好了附上amaze的引入文件,仅供大伙參考。

    对了手机端要在头部加上这句话

    <meta name=”viewport” content=”width=device-width, initial-scale=1.0″>

    一切就绪。那就直奔主题。

    手机端眼下最低宽度是300.只是说实话智能手机300的屏幕预计是木有,那就按iphone4的320来设计web。那么问题来了,设计给的參考图示640的肿么办,全部的像素除以2。一切解决。

    使用amaze框架并不能非常好的解决不同分辨率的像素问题。并且最苦逼的就是要设置好多@media only screen and (min-width:320px) and (max-width:480px) {}屏幕范围样式。太痛苦了。受不了。。有木有一种能够控制的方法呢,京东是怎么弄的?小米又是怎么弄的?百度吧。一切从度娘中找答案。

     

    答案好多,慢慢筛选吧……

     

    于是找到这段代码

     

    那么问题来了,这仅仅是页面的,我想要全部的地方在不同尺寸的浏览器都能自适应,怎解决?

    clientwidth是获取屏幕显示的宽度。设定最小屏幕为320。以320为基础。那么最小最字体就是12px。于是就有了修改。

     

    好了这下子不管什么浏览器都是以最宽320,最小12px为基准。

    接着还有个问题,全部布局改用什么单位?px/em/pt/rem

    px是最精确的单位,固定值。

    em值不固定。继承父元素。rem在设定元素时仍是相对大小,但相对的是html根元素。pt就是印刷业上的单位。只是app开发中也用到。

    那么好了,该用哪种的呢。我们先来看看上面的自适应js运行效果。

    在html元素中生成了一个行内字体样式,答案就有了吧。

     

    转载请注明出处:  web前端响应式布局,自适应全部分辨率艾瑞可erik(http://www.erik.xyz/)

    展开全文
  • web响应式页面

    万次阅读 2021-02-09 13:28:23
    注:在本文用到的代码是参考github ...响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验,而且随着目前大屏幕移动设备的普及,用“大势所趋”来形容也不为过。 2、 响应式优缺点 响应式布局的优点
  • 响应式布局,web端的?php我一直都是用tp框架,对于web首先想到的是bootstrap框架。只是简单了解过,没真正实践啊,bootstrap比我想象的要好用的多。关键是,关键来了…… app端是只有手机的,pc基本上木有。那就是...
  • Web响应式布局设计简介

    千次阅读 2017-12-06 17:57:40
    随着移动互联的到来,市面上的移动终端设备越来越多屏幕尺寸也大小不一。就拿苹果的iPhone来说就有多个不同尺寸的版本,还有iPad也是随着技术的进步...响应式布局设计就是为应对移动互联网多终端设备而提出的。 响应式
  • web响应式设计

    2013-05-22 15:36:32
     Responsive Web Design (响应式web网页设计),简而言之,就是一个网站能够兼容多个终端,根据终端屏幕的大小亦或类型而调整显示的布局与内容——而不是为每个终端做一个特定的版本。  响应式布局是今年很流行的...
  • Web响应式设计(一)

    2016-09-11 11:09:12
    上周在看Ben Frain的"Responsive Web Design with HTML5 & CSS3",哈哈,Ben真是一个很幽默的家伙,一本书看下来感觉像是在看小说,或者是听段子。书里讲了一下响应式设计的...1. 为什么响应式很重要 随着智能手机的
  • 用媒体查询实现web响应式开发小记

    千次阅读 2017-07-02 16:46:28
    一、是什么响应式开发 不同设备电脑、平板、手机的屏幕大小是不一样的,如何在不同大小屏幕的设备上正常的显示网页?有两中方案: 服务器端... 客户端实现响应式:一个web界面可以在不同的设备上正常显示,网页...
  • web前端响应式设计总结 一、响应式概述   响应式是指根据不同设备浏览器分辨率或尺寸来展示不同页面结构、行为、表现的设计方式。这里总结了响应式网站设计需要涉及到的相关的内容,有不正确的欢迎大家指正。谈到...
  • Bootstrap 是基于 HTML、CSS、JavaScript 的,它简洁灵活,使得 Web 开发更加快捷。 框架:一个半成品软件,开发人员可以在框架基础上,在进行开发,简化编码。 好处: 定义了很多的css样式和js插件。我们开发人员...
  • web响应式理解

    2019-01-03 10:38:47
    【目标】响应式设计的目标是确保一个页面在所有终端上(各种尺寸的PC、手机、手表、冰箱的Web浏览器等等)都能显示出令人满意的效果。 【技术】对CSS编写者而言,在实现上不拘泥于具体手法,但通常是糅合了流式...
  • 响应式Web基础

    2017-04-21 16:34:07
    响应式Web》(The Responsive Web) 学习笔记一 开创性技术文章: 《Responsive Web Design》(Ethan Marcotte) 响应式Web设计的理念是:页面的设计与开发应根据用户行为以及环境设备(系统平台,屏幕尺寸,...
  • 响应式web设计

    2013-07-05 13:18:23
    响应式Web设计(Responsive Web design)的理念是,页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多方面组成,包括弹性网格和布局、图片、...
  • 响应式网络设计(RWD/AWD)的出现,目的是为移动设备提供更好的体验,并且整合从桌面到手机的各种屏幕尺寸和分辨率,用技术来使网页适应从小到大(现在到超大)的不同分辨率的屏幕。 响应式Web开发优缺点总结 响应式...
  • 初识响应式Web设计

    2015-04-05 22:14:00
    响应式Web设计,就是根据用户终端来决定前端页面的...响应式,主要在这里,笔者认为还是屏幕尺寸和屏幕分辨率占据主导的相应条件,其次才考虑标签和浏览器的兼容性响应等问题。  响应式Web设计所要解决的就是不同的前
  • 媒体查询 用于给不同的显示器分辨率设定单独的样式 @media screen and (max-width:1024px){ pagewrap {width:95.5%} conten {width:62%;} content.article.hr{width:66%;margin-left:34%;} } 3.弹性...
  • 介绍完响应式Web的背景和概念之后,是时候该介绍具体的实现方法了,其实响应式Web设计的方法很简单,就是利用CSS3的媒体查询Media Queries和Viewport来解决问题的。  首先我们一起来看看Media Queries,这里我只会...
  • 响应式设计
  • 首先感谢大家对第一篇背景介绍一文的支持,今天将对响应式Web设计的概念进行一个大概的介绍,当然这一篇也不是什么干货,只是作为一个主题来说,概念的介绍必不可少,下一篇就应该有点干货了。  从背景介绍一文中...
  • 响应式 Web 设计技巧

    2015-08-05 10:03:12
    响应式 Web 设计技巧  WEB开发者 微信号admin10000_com 功能介绍分享Web开发知识,让开发变得更简单!  本文结合实例,详述创建一个响应式网站的实用技巧。重点侧重于探讨响应式网站技术 Media ...
  • 响应式Web设计总结

    2015-12-24 08:32:02
     响应式网页设计(Responsive web design)是一种现代网页设计方法,基于CSS3的媒介查询(Media Query)特性使得网页适应不同设备,即根据设备的分辨率和缩放自动重新布局。   下面来看一下如何实现响应式布局,有...
  • 响应式布局设计是根据用户设备的屏幕分辨率来响应用户设备的一种设计。这意味着,无论用户是在移动、平板还是桌面设备上浏览 Web 页面,设计都将根据该设备的屏幕分辨率显示特定的布局,从而适当地响应设备。 该框架...
  • 揭秘响应式web设计

    2017-04-30 20:56:00
    响应式web设计的作用主要使网页能在不同小大的显示窗口下依然优雅。当前的显示窗口有pc,ipad,iphone以及一些其他的设备。不同的显示窗口的分辨率各不相同,如何在不同的分辨率的情况下使网页依然显示良好呢?
  • web杂谈之响应式布局

    2014-05-15 17:18:54
    也即是响应式Web设计。响应式布局是Ethan Marcotte在2010年5月份提出的一个概念,简而言之,就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。 响应...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 11,867
精华内容 4,746
关键字:

web响应式分辨率