随着3G的普及,越来越多的人使用手机上网。
移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页?
手机的屏幕比较小,宽度通常在600像素以下;PC的屏幕宽度,一般都在1000像素以上(目前主流宽度是1366×768),有的还达到了2000像素。同样的内容,要在大小迥异的屏幕上,都呈现出满意的效果,并不是一件容易的事。
很多网站的解决方法,是为不同的设备提供不同的网页,比如专门提供一个mobile版本,或者iPhone / iPad版本。这样做固然保证了效果,但是比较麻烦,同时要维护好几个版本,而且如果一个网站有多个portal(入口),会大大增加架构设计的复杂度。
于是,很早就有人设想,能不能"一次设计,普遍适用",让同一张网页自动适应不同大小的屏幕,根据屏幕宽度,自动调整布局(layout)?
一、"自适应网页设计"的概念
2010年,Ethan Marcotte提出了"自适应网页设计"(Responsive Web Design)这个名词,指可以自动识别屏幕宽度、并做出相应调整的网页设计。
他制作了一个范例,里面是《福尔摩斯历险记》六个主人公的头像。如果屏幕宽度大于1300像素,则6张图片并排在一行。
如果屏幕宽度在600像素到1300像素之间,则6张图片分成两行。
如果屏幕宽度在400像素到600像素之间,则导航栏移到网页头部。
如果屏幕宽度在400像素以下,则6张图片分成三行。
mediaqueri.es上面有更多这样的例子。
这里还有一个测试小工具,可以在一张网页上,同时显示不同分辨率屏幕的测试效果,我推荐安装。
二、允许网页宽度自动调整
"自适应网页设计"到底是怎么做到的?其实并不难。
首先,在网页代码的头部,加入一行viewport元标签。
<meta name="viewport" content="width=device-width, initial-scale=1" />
viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=device-width),原始缩放比例(initial-scale=1)为1.0,即网页初始大小占屏幕面积的100%。
所有主流浏览器都支持这个设置,包括IE9。对于那些老式浏览器(主要是IE6、7、8),需要使用css3-mediaqueries.js。
<!--[if lt IE 9]>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
三、不使用绝对宽度
由于网页会根据屏幕宽度调整布局,所以不能使用绝对宽度的布局,也不能使用具有绝对宽度的元素。这一条非常重要。
具体说,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文件。
<link rel="stylesheet" type="text/css"
media="screen and (max-device-width: 400px)"
href="tinyScreen.css" />
上面的代码意思是,如果屏幕宽度小于400像素(max-device-width: 400px),就加载tinyScreen.css文件。
<link rel="stylesheet" type="text/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.getElementById("content").getElementsByTagName("img");
imgSizer.collate(imgs);
});
不过,有条件的话,最好还是根据不同大小的屏幕,加载不同分辨率的图片。有很多方法可以做到这一条,服务器端和客户端都可以实现。
(完)
Allen 说:
总结的不错,是博主翻译的吗?还是原创的?
2012年5月 1日 18:31 | # | 引用
rick 说:
好文章。扩展知识面了。
2012年5月 1日 23:04 | # | 引用
ET 说:
不错不错,正在想自适应主题是怎么做的,没想到这里就有答案。
2012年5月 1日 23:06 | # | 引用
waveacme 说:
在阮兄的博客总能找到好的东西
2012年5月 2日 01:30 | # | 引用
刘永新 说:
阮老师的帖子不错!
现在好多ASP说自己的产品实现不了自适用,
并且还是国内的大企业,不知道国内的产品到底离人家有多远!
2012年5月 2日 07:33 | # | 引用
乱发吹风 说:
twitter的开源项目bootstrap
用于自适应设计也挺不错,只是对IE6以下的浏览器支持不是很好
2012年5月 2日 10:58 | # | 引用
Kevin 说:
阮兄怎么现在变成电工男了?你本职工作是这个么?
我还是觉得以前的文风好些!
2012年5月 2日 11:01 | # | 引用
苦逼的mobile web developer 说:
老师我爱你,这篇帖子太及时了
2012年5月 2日 11:33 | # | 引用
Ven 说:
关于响应式Web设计,可以看看BeForWeb之前发布的一些文章:http://beforweb.com/taxonomy/term/7
2012年5月 2日 14:26 | # | 引用
谭溢辉 说:
这文章有意思,不同屏幕的设备需要不同的网页相适应,很有用的信息
2012年5月 2日 15:19 | # | 引用
Hao.Wu 说:
原文应该是Ethan Marcotte的这篇经典文章 http://www.alistapart.com/articles/responsive-web-design/
现在国内的web开发者一般都把responsive web design译作“响应式web设计”,正如文章中前两句话所提到的背景:responsive web design的概念是移动触控设备web应用的繁荣而催生的,所以感觉“响应式”更贴切一些吧。
2012年5月 2日 16:19 | # | 引用
YW 说:
我只能万分感激了!!
2012年5月 3日 11:48 | # | 引用
Leyeang 说:
受益匪浅,谢谢
2012年5月 4日 09:14 | # | 引用
尊重原创 说:
好几天前就看到过了,确实是一篇不可多得的设计好文,翻译或转载,请注明,谢谢!!!
2012年5月 6日 10:23 | # | 引用
yingying 说:
很棒的文章!最近正在找自适应网页设计方面的资料,谢谢!!自适应邮件设计也很重要,因为越来越多人用手机收邮件了:),iPhone/iPad有自动缩小邮件的功能,不过Android和黑莓(还有大多数手机)大概还没有这个功能,所以想有很棒的邮件效果,比如带图片的邮件等。
2012年5月 7日 02:23 | # | 引用
一个 说:
不能普遍适用,百度首页、新浪首页等等这些主页,怎样能做到即保证信息量,又做到排布合理?
不仅要考虑实现成本,还要考虑显示、交互效果。
还是“为不同的设备提供不同的网页”这样的方式靠谱一些。
2012年5月 7日 10:53 | # | 引用
imwilsonxu 说:
出于安全考虑,通常邮件中的图片都不被显示。
2012年5月 7日 16:35 | # | 引用
sad clown 说:
不适合信息量非常大的网站,个人认为不实用性有以下几条:
1.无法保证跨浏览器兼容性问题。
2.设计图的高保真还原,布局方式,排版方式,以及页面的交互
3.相对而言与其他布局方式的实现,有一定的门槛。制作成本相对较高。
只是个人愚见..
2012年5月 9日 00:56 | # | 引用
v3 说:
这个想法不错,对于文字的自适应,我感觉没什么必要吧。12或者14的字体可以打遍天下了
2012年5月 9日 01:03 | # | 引用
cloud companies 说:
我觉得不错,以后如果有更好的IDE环境了,那是相当省事儿,目前来说自适应网页设计还是开发维护成本比较高。
2012年5月 9日 08:38 | # | 引用
liaozibo 说:
jqm自适应网页大小。
2012年5月10日 15:02 | # | 引用
黑门书路 说:
看来我只能看看了事了,不过还是谢谢,希望相关主题快些出来。
2012年5月11日 16:42 | # | 引用
Yophee 说:
刚对自己的个人网站进行了“响应式”改版,对不同设备展示不同宽度页面。
2012年5月14日 10:08 | # | 引用
zk546113096 说:
2012年5月17日 21:06 | # | 引用
zk546113096 说:
写的很好,以至于我一看就懂了,作为前端,得学会这个,现在平台太多了
2012年5月17日 21:08 | # | 引用
子痕 说:
现在很多网站还是做了不同版本的网站,比如手机浏览,会直接转到http://m.xxx.com/等的~
2012年5月19日 17:45 | # | 引用
留依 说:
博主,您好,我是新接触自适应网页设计的,对于您说的那个软件该怎么使用呢?我点击链接后,到那个网址,然后选择好所需要的大小后,点击generate,然后再点下面的链接,跳转到一个新的界面,但是是空白的各种屏幕大小的界面,我该怎么操作使得我能查看我所需要测试的界面在不同屏幕下的效果,本人愚钝,请博主指点,时间比较急,所以希望博主看到后能回复,感激不尽!
2012年5月23日 20:13 | # | 引用
帅的被人砍 说:
自适应能实现:一行规定死图片数量并在不同浏览器下都兼容的效果吗?
而且还要不能有下面的滚动条
2012年5月24日 00:52 | # | 引用
噜噜 说:
http://beforweb.com/node/6
c7210 发表于 2011-10-01 21:05
c7210是博主吗?如果不是,有点不厚道啊。。。
2012年5月25日 19:53 | # | 引用
lee 说:
其实个人觉得“自适应网页设计”更通俗易懂。目前国内很多人都翻译成“响应式”,相比没有“自适应”通俗易懂。
2012年5月29日 23:15 | # | 引用
belary 说:
极端点用wp-touch插件搞定
2012年6月 5日 21:15 | # | 引用
Jienan 说:
代码我不懂,不过Wikipedia在浏览器窗口大小改变的时候文字就会重新排版。
2012年6月 7日 20:23 | # | 引用
三水清 说:
正好这几天在切html5的页面,要求宽度自适应,学习了!
2012年7月10日 08:32 | # | 引用
sweet 说:
不能给绝对宽度,这个很不方便
2012年7月11日 10:06 | # | 引用
Cyan 说:
把generate拖曳到bookmark(收藏夹)。每次开启某个网页的时候,只要点那个标签就行了
2012年8月15日 10:36 | # | 引用
Ben 说:
你可以到www.responsive8.com进行测试,什么软件都不用安装。直接输入网址或者URL就可以了,非常方便。
2012年9月25日 00:07 | # | 引用
蜗牛 说:
受益匪浅,谢谢您的文章。
2012年10月25日 09:59 | # | 引用
妖暖暖双 说:
太厉害了,一直找都找不到好的解决方法,学习了,谢谢!
2012年11月 6日 15:41 | # | 引用
落落 说:
css3-mediaqueries.js。
据说这个是css3的?
2012年12月17日 16:15 | # | 引用
anitazhengzz 说:
文章中的案例我是过了,有问题,在iPad上,如何是横着打开的,竖着看,是不会自适应的,需要刷新。页面还是需要多调试改进。
2012年12月28日 01:57 | # | 引用
Oomusic 说:
博主实在太给力了,讲的通俗易懂,而且很全面!
2013年1月20日 19:55 | # | 引用
Zhery 说:
明显不是原创,甚至可能不是翻译,而是转载。
却在文章页面还放着付费链接,侵害原作者的著作权,可鄙。
2013年1月25日 13:23 | # | 引用
dfssdf 说:
2013年2月15日 17:35 | # | 引用
第四个李智 说:
学到很多。谢谢
2013年2月22日 00:38 | # | 引用
tonitech 说:
谢谢博主!你这篇博文图文并茂得讲述了media query,上面的那几张图片就已经告诉我诸如@media screen and (max-device-width: 400px)这样的语句要用在什么情况下面了!
2013年3月 9日 02:47 | # | 引用
朝野布告 说:
非常好的文章,好文要评论、支持!
2013年4月13日 12:38 | # | 引用
Anrin 说:
不错的文章,受益匪浅。
2013年4月25日 20:57 | # | 引用
大贺 说:
我切好的图片,在Android手机上可以,但用苹果手机测试的时候有一个页面的图片之间有2~3个的像素空白,求助
2013年5月17日 19:19 | # | 引用
xuelang 说:
准备参考这篇文章重新布局一下自己的博客..
2013年6月19日 11:12 | # | 引用
leerayn 说:
我想问哈,如果要根据分辨率大小自动选择不同分辨率的图片,又该如何实现?
2013年8月29日 14:05 | # | 引用
Jade 说:
谢谢老师分享!灰常有帮助!简单易懂!
2013年9月 3日 10:11 | # | 引用
豆瓣 说:
我想问,你这个网站是个人自己建设的博客吗?从前端到后台,还是怎么来着呢
2013年9月10日 09:07 | # | 引用
胡盈波 说:
老大 css3-mediaqueries 这个js没用啊 不知道你测试过没有~~
2013年12月16日 13:50 | # | 引用
胡盈波 说:
那兼容低级浏览器的插件我用了 完全没效果啊 求解~~!我还下了个网上的例子他那个例子也不行~~
2013年12月16日 16:41 | # | 引用
Mr_H 说:
好样的。。学习了。。
2014年1月 3日 16:08 | # | 引用
Qi 说:
1、背景自适应100%怎么做到?
2、固定高度背景怎么办?
2014年2月25日 08:03 | # | 引用
弄影 说:
博主行高要如何设置,我就是查行高来着,各个设备行高不同
2014年3月18日 20:33 | # | 引用
自做自受 说:
实用,一边用,一边学,谢谢分享!
2014年3月20日 17:18 | # | 引用
关关 说:
太酷了,最近正好需要这个,因为我做的软件要在pc和手机都能用才行。我还愁呢。
2014年3月29日 10:16 | # | 引用
许亚成 说:
我的博客现在已经用上的响应式主题了,有对响应式感兴趣的朋友可以一起交流一下这方面的经验。
2014年4月 3日 12:10 | # | 引用
Doraemon 说:
赞一个!
先收藏,以后一定会用到!
2014年4月 8日 14:37 | # | 引用
魏浩浩 说:
我想问下 那段兼容ie9一下的代码 貌似没用!
2014年4月14日 10:09 | # | 引用
Blowman 说:
请问为什么要用相对字体大小呢?换算过来还不是绝对px吗?比如一个div{width:30%;height:30%},如何使用相对字体大小保证字体不溢出div之外呢?
2014年4月14日 14:57 | # | 引用
dennyzhang 说:
No offensive, just curious: 为啥现在这个网站,在手机访问还是不够自适应呢?
2014年6月 5日 09:43 | # | 引用
jmh 说:
挺好用的,不过还没试
2014年6月23日 12:57 | # | 引用
了然如一 说:
非常感谢你的分享,其中针对IE9以下响应式的js解决了我遇到的难题,非常感谢~祝工作顺利~
2014年6月25日 16:44 | # | 引用
lee 说:
写的真是太好了,受益匪浅啊
2014年7月 3日 10:46 | # | 引用
TSDD 说:
文章浅显易懂,很不错
2014年7月10日 14:34 | # | 引用
咣咣 说:
好文!
第一步代码放上去就让我的lp有个样子了。
2014年7月15日 14:21 | # | 引用
小东 说:
文章讲得很好,如果有一个基础的系统一点的指导教程就安逸了。
2014年7月15日 16:33 | # | 引用
Aoyu 说:
受益匪浅,以后会常来的,话说浮动那里不太懂,一会儿还得好好了解一下。
2014年7月18日 20:53 | # | 引用
Alan 说:
大师?能写写手机网页的触屏滑动效果怎么做吗?用zepto框架还是jQueryMobil框架好呢?有哪些需要注意的吗?求大师指点啊
2014年10月 8日 09:44 | # | 引用
孙先生 说:
能否把那几个不同屏幕的CSS文件发给我,万分感谢!!
2014年11月25日 17:43 | # | 引用
arm linux 说:
响应式还是很实用的功能
2014年11月30日 18:29 | # | 引用
蓝外蓝 说:
搜到自适应直接到你的文章,给力啊
2014年12月 9日 09:12 | # | 引用
jamesanthony 说:
像素也可以的吧 主要是看你怎么控制
2014年12月10日 16:37 | # | 引用
scott 说:
请问 针对移动端的web页面 像素对应的用em单位? 那边框宽度呢
2014年12月10日 19:49 | # | 引用
iwbpm 说:
文章写的很好,思路很清晰。感谢
2014年12月16日 19:56 | # | 引用
王 说:
很好 正在研究 话说这都是12年的了 网上还不怎么好找
2014年12月17日 17:21 | # | 引用
dd 说:
很好的文章,但这是根据原文翻译的吗?
2014年12月18日 17:54 | # | 引用
kkkkkk 说:
写的太好了,透彻
2015年2月 4日 11:43 | # | 引用
lt 说:
虽然是很早的文章 依然收益匪浅 !支持博主!
2015年2月22日 23:29 | # | 引用
bluedog 说:
作者在12年已经预见到现在的情况了,佩服
2015年2月27日 11:24 | # | 引用
kikyo 说:
我现在分不清楚 响应式布局和自适应
自适应不是那种,浏览器窗口减小, 里面的容器 div 元素 img 等跟着同步减小的吗???
2015年3月24日 17:59 | # | 引用
yong 说:
我现在在国外主要就是responsive design的开发,由于国内很多人还在用IE8以下的版本,所以responsive design 很难做到与IE 低版本的完全兼容。 开发成本也很高。即使能够运行了,其效率也会大打折扣。
不过从IE9版本以上就好很多了,尤其是其对于 transform的支持,以及对于responsive的支持,其美观和性能也大大提升。
2016年 1月份以后 微软就不再支持IE8了,对于开发者来说是个好消息。但是对于国内好多人用盗版系统,IE并不会强制升级,其实还是比较坑的。
2015年3月26日 11:34 | # | 引用
叶子 说:
测试小工具没找到哪个入口下载啊?求大神指点
2015年3月26日 16:21 | # | 引用
米砂 说:
总结的很到位全面,希望以后多多发布关于前台的文章,希望大神级的任务多多指点
2015年4月15日 14:26 | # | 引用
rwd 说:
看了範例網站後發現一個問題~
所有width的值都是小數點,這顯然不是手動輸入的
寬度值一有不對,整個版型就亂掉了~
怎麼沒人提到這個問題呢?
請問一下知道的人,寬度值是怎麼決定的ㄋ?
2015年4月22日 18:45 | # | 引用
JetWang 说:
华而不实,“自适应?”,不过是自己的一厢情愿,如果真能“自适应”,还要那么多移动端人员开发干什么?
2015年7月15日 09:15 | # | 引用
aaa 说:
一种技术手段而已
2015年7月21日 13:53 | # | 引用
张 说:
图片的尺寸如何设置?
2015年9月29日 10:00 | # | 引用
微历史 说:
你这个页面貌似就是自适应的,我把你的页面全部抠下来没问题吧
2015年11月11日 16:00 | # | 引用
xiaozhong 说:
您好,安装了推荐的Responsive Design bookmarklet 插件测试福尔摩斯历险记的网站
http://alistapart.com/d/responsive-web-design/ex/ex-site-flexible.html,
为什么没有出现您所说的自适应效果?(图片始终是两排,导航栏也没有变到顶部呢?)
2015年12月30日 18:41 | # | 引用
qietu 说:
推荐一个响应式测试工具 [ 跨屏测 ] http://kuapingce.com/
2016年3月17日 14:40 | # | 引用
小明 说:
2016年3月25日 19:44 | # | 引用
leedv 说:
不知道,只是看到贵网站权重好高。就来看看学习了
2016年3月26日 11:36 | # | 引用
lin 说:
好文章,一直苦于这方面,找到方向了。
2016年4月 6日 13:15 | # | 引用
小果 说:
虽然写的早,对小白还是很有帮助,good
2016年4月12日 23:51 | # | 引用
小卡 说:
楼主,responsive应该翻译成响应式,而不是自适应(adaptive)。
2016年4月28日 16:17 | # | 引用
OSGi 说:
JXADF是一个不错的自适应开源开发平台,开发一次,桌面、手机端都能适应,不需要特别处理。
2016年5月 1日 20:38 | # | 引用
shiika 说:
找到原主了,膜拜大神
2016年6月16日 16:27 | # | 引用
xgqfrms 说:
不错,2012 年就开始引进国外的先进的技术了!
现在还有好多国人在使用IE8 ,真是拖技术普及的后腿,为他们感到悲哀!
CSS3 medie query,
HTML5 new elements + API
bootstrap
2016年10月24日 21:51 | # | 引用
hsyq 说:
阮老师的文章总是能用最简单的文字教会我很多东西。
2016年11月12日 18:28 | # | 引用
vevlins 说:
简单易懂!很好
2016年11月16日 19:21 | # | 引用
bobo 说:
为什么文字大小什么的不采用rem呢?
2016年11月23日 10:39 | # | 引用
唯历史 说:
好高大上呀,我要学习,把我网站的头部换掉!
2016年11月25日 20:10 | # | 引用
副歌 说:
阮老师就像一颗启明星,天神一样的存在。简明扼要。不仅能看懂还受益匪浅
2016年12月 7日 16:10 | # | 引用
副歌 说:
您这个这个页面是完全自适应的呀 是靠rem和mediaQuery实现的吗
2016年12月 8日 10:47 | # | 引用
qiuqiu 说:
楼主说的是 Responsive design(响应式布局)吧, 和 自适应布局Adaptive design 有点区别的
2017年5月18日 15:04 | # | 引用
LIM CHAN KHIM 说:
为什么 我已经加上了
meta name="viewport" content="width=device-width, initial-scale=1"
然后@media screen and (max-device-width: 400px) {
宽全部放AUTO
都不能实行呢 没那么理想 知道什么问题吗
2017年12月19日 11:06 | # | 引用
alibabdebaba 说:
如果你有这种能力并且已经做了这种翻译转载的事情,我相信也会有人付费去看你文章。如果你没有,请别说话,毕竟这个文章帮到了很多人。你说侵害了原作者,如果你知道原作者是谁,你可以去跟那个人说,甚至帮那个人去告转载的人或者团队。如果你不认识,请别说话。
2018年5月 2日 16:01 | # | 引用
~ 说:
大神,你推荐的这个工具不行呀http://www.benjaminkeen.com/open-source-projects/smaller-projects/responsive-design-bookmarklet/
我在我自己的手机试了一下,效果并不一样,而且区别很大,最重要的是....在这个工具上面只能看到最基础的静态页面,点击都会出现404
2018年10月17日 10:37 | # | 引用
小牧 说:
好文,在我开发网页的时候,帮我大忙了!
如果能补充一下rem的相关计算知识及例子就更好了。(我已经做了)
已遵循“版权声明”转载,网址如下:
https://www.npc.ink/2974.html
2018年11月 1日 19:55 | # | 引用
five 说:
12年就有如此优秀的好文章,
2018年11月14日 10:00 | # | 引用
初学者 说:
厉害了,我今年2019年开始学CSS,一直看到响应式设计,然后看到博主文章,一看是2012年的,,,,,,,真厉害。。。。。
2019年6月11日 00:17 | # | 引用
inkWall 说:
最近想学响应式网页设计,观看别人的网页好像都没有绝对宽度,正好奇,然后看到了博主的文章,优秀
2019年9月 8日 16:38 | # | 引用