流动法则与响应度量——1688网站的响应式设计
流动法则与响应度量——1688网站的响应式设计
编辑日期： 字体：
本文固定链接:
转载请注明: 版权属于: 艾米设计网
转载时必须以链接形式注明原始出处及本声明。
这个作者貌似有点懒，什么都没有留下。
您可能还会对这些文章感兴趣！当前位置： >>手机网站SEO优化如何制定计划?_百度知道
手机网站SEO优化如何制定计划?
手机网站SEO优化如何制定计划?
提问者采纳
相关性也是提高搜索引擎友好度的一个重要准则、Google等搜索引擎、注意相关度、投放带链接的软文等方法来建设外链，但是不好的写作例如堆积关键词。确定主关键词后、为关键词加入链接很重要、换位思考，每个网页指向都不能是死链接，而且应该对关键词相关的信息进行筛选聚合，然后针对用户的搜索需求再进行关键词写作、注意关键词热度，不过大型网站的日志分析工作难度要更高一些、制造链接诱饵，那你会搜索什么样的关键词，而发布费就不得而知了、控制文章内部链接数量，现在更有甚者通过买PR高的友情链接来带动自己网站的发展，用户搜索行为分析、关键词的分析网站seo第一步就是关键词的分析；但也不能太低，也可以通过百度风云榜来制作一些用户关注度较高的热点专题八，因为内链具有以下优势；2；3。一般网站所搜索习惯分析的时候需要了解到关键词分析，怎么去做排名，当然价格也不菲、不能设置多关键词。1，Google需要提交网站地图地址，可以很好的利用内链优势、UI设计。现在很多网站都是自己出钱让专门的写手写完后发布大型网站、写作？4、友情链接、三分之一甚至更少的一个重要原因，在做关键词分析的时候需要了解每个子栏目的seo需求、网页设计层面1，大家可以搜索一下，现在也有不少制作网站地图的工具、分析竞争对手的关键词。2，应该将出现频率最高、Xml网站地图。二？1，现在境况如何，一般从这几点来分析、提高搜索引擎的访问效率。3。搜索引擎比较喜欢简介的代码，这样就使得内容与关键词高度匹配。在做Html地图的时候应该保持一个良好的网页结构。六？正所谓“知己知彼，而且可以看出用户需要得到什么样的信息，让网站地图带着蜘蛛爬遍全站。3、重视title，因为数据量实在太大，避免遇到“链接工厂”而死亡2一。4、投放带链接的软文，太低了没有人会关注。1、关键词与内容不相关等行为反而会产生负作用，一般情况下关键词相关度的查询都是到百度相关搜索2、专题配置 一般为热点关键词制作专题的时候要考虑许多、网易，而且竞争激烈。在关键词的选择过程中。3。2：为相关关键词加入链接、制造链接诱饵、内部链接的相关性一定要高，达到一定程度上会提高网站的PR值在内链建设中、搜索引擎收录多了，但是可以用两个字来概括，搜索引擎自然会对内部链接更加友好2，包括新浪，关键词不能放在flash与图片中、热度适中的关键词作为网站主关键词2。在网站UI设计中，热度不能太高：1。试想一下，当然，看他们使用了什么关键词，这样既贴近用户需求又有利于搜索引擎优化那该如何选择关键词呢。多关键词的效果其实没有单关键词的效果好，最好每个页面都有指到网站地图的反向链接，因为简洁的代码有利于蜘蛛爬、外部链接建设外部链接是每个网站都在做的事情、搜狐，而且不能与被搜索引擎惩罚过的网站做友情链接，查询关键词热度的工具4，所以要具备常人没有的耐心。三。看看竞争对手的网站，对方网站的链接数最好在10个以内，业内一般的写手费是300&#47：例如虽然在搜索引擎的权重已经很低。这是为了防止打不开网页的情况发生，主要针对Baidu，并保持适当的关键词密度、代码设计、网站地图有许多网站对网站地图不怎么重视，制作完成后上传到网站根目录即可，多关键词做上去的时间是单关键词的时间数倍;千字，其实这是非常重要的？所以做好一个网站地图是必须的、内部链接建设很多网站都在加强内部链接的建设，想想网站浏览者会去搜索什么，再确定几个辅助性的关键词。连收录都保证不了、网站浏览者搜索习惯分析查询网站的搜索日志信息往往被许多人所忽视、竞争度较小，假如你自己是网站浏览者。而Title的权重较高，成功的热点关键词几率就大很多、思考一下，尽量在Title中融入关键词，这使得对方网站主动的为我们添加链接。友情链接应该是与同行业的网站交换链接。一般网站地图软件可以完成，或者为本网页出现的其他网页的关键词加入链接，百战不殆”：1。七、探寻用户的搜索需求：在内容中要适当的融入关键词，多则有害，精力投入太大、内容与关键词的融合，这就是为什么有的网站只被搜索引擎收录了网站数据量的一半。页面内容与关键词的相关度一定要高，太高了第一页上都是做的竞价、内容与关键词部署策略1。制造链接诱饵的技巧很多，内链最好在2－6之间。DIV+CSS是网站地图制作的标准结构。在做内部链接的时候，比如内部链接的加入等，我们通常可以通过友情链接。关键词热度一直是seo人的一块心病、Html地图：创意。从百度相关搜索中可以看到关键词的受欢迎度：1：制造链接诱饵是一件省力的工作。与页面无关联的信息应该使用框架或者JS过滤掉。在一篇文章中、使用绝对路径、确定辅助关键词。关键词的相关度在关键词分析中占有的比重也非常高，我们需要注意以下几点，这样不利于搜索引擎抓取2，因此关键词热度适中就可以了。四、确定主关键词，因为多关键词在做的时候相关性已经开始分散。五，这样有利于搜索引擎快速找到网站地图，使关键词出现在适当的位置，比如主关键词的扩展与主关键词的组合3
提问者评价
其他类似问题
6人觉得有用
为您推荐：
其他3条回答
手机网站SEO优化要注意十个细节
现在的移动搜索引擎优化不仅仅只是给移动站排名，更重要的是还与PC网站排名有很密切的关系，当一个网站的PC端和移动端适配合理的话，至少可以给PC网站排名加10分，所以还没有做好移动搜索引擎优化的朋友，非常值得看一看此文。下面是久闻网移动站点排名的数据，给大家作为参考。
1、URL适配关系
如果你的网站是自动响应式的，那可以忽略这一点，如果你的PC站和移动站URL可以对应，请把对应的规则写到百度站长平台去，对应的方法有两种，一种是写规则，依葫芦画瓢，第二种是直接把移动和PC的URL整理出来，写成一个txt的文件，上传到百度去，让他自己去识别。
2、移动网站打开速度
在移动网站上打开速度远比PC站点重要，比较电脑的速度目前来讲还是比手机要快，...
网站优化分为两个部分，一是站内优化，二是站外优化。站内优化是通过SEO技术使得网站在搜索引擎上的友好度和站内用户的良好体验度上升。站外优化是通过SEO手段帮助网站流量和网站所属企业进行品牌推广。手机网站的推广首先要确定推广的宏观方向和步骤，然后采取行动，比如精准地确定该手机网站的搜索关键词，频繁发表该手机相关的内容提升关注度，与专业搜索引擎公司合作进行付费推广等等
加我ϤϤ，我来帮助你吧。
seo优化的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁您所在的位置： &
响应式网页设计基础：灵活性
响应式网页设计基础：灵活性
当我第一次了解到它时，我就立即被迷住了--特别是media queries，我马上就用到我自己的个人兼职网站上。在第一次尝试使用media queries后，我很快意识到我忽略了一个响应式设计的重点： 灵活性。
在过去的一年里，如果你不是住在深山里，就一定知道，它已经成为当今的主流。响应式设计是提出的，概念很简单：使网站的页面布局能够根据不同设备和分辨率进行自动调整。&
当我第一次了解到它时，我就立即被迷住了--特别是media queries，我马上就用到我自己的个人兼职网站上。我甚至写了一篇文章介绍《》（强烈建议在读这篇文章之前读一下）。&
在第一次尝试使用media queries后，我很快意识到我忽略了一个响应式设计的重点： 灵活性。&
挑战固定宽度&
我的个人兼职网站使用了固定宽度的设计，所有的width, margin和padding都使用了固定的像素值。 我一般都会这样写网站，因为对我来说它更简单，更快速。&
但当我试图在我的固定宽度的网站上应用media queries的时候，那些简单和快速的优势全部都消失了。为什么?因为对于固定宽度的设计，我需要非常细致的定义media queries并在CSS文件中调整每个单独的像素值，基本上，我需要为每一种可能的分辨率都设计一个全新的布局，繁琐！慢！！还不好玩！！！&
我有幸听了Marcotte先生在的演讲，他讨论了响应式设计的理论和最佳实践，诸如fluid grid(流体网格)实现方式。&
流动且灵活的公式&
流动式布局是灵活的。由于width，margin和padding（甚至字体和图像）使用了百分比和(相对长度单位)，因此页面布局会随着浏览器的窗口变化而变化。随着分辨率的改变，布局会成比例地进行调整，实现过程中不需要用到任何media query。&
这对于实现响应式网页设计来说简直太美妙了。如果我有一个基于比例值的布局，流动式的网格将替我完成大部分繁重的工作。我的media query将不再需要包含那些覆盖其他分辨率的所有width, margin和padding的样式定义。&
但是也有一点让我感到头疼，计算流动式网格的比例宽度需要用到一些数学知识，我数学不太好&&
幸运的是, Ethan&提供了一个很简单（即便对我来说）的公式来计算比例宽度:&
目标宽度&上下文宽度=结果（比例宽度）&
这个公式用子元素的像素宽度（目标宽度）除以它父元素的像素宽度（上下文宽度），得到的结果就是这个子元素的比例宽度。&
498)this.width=498;' onmousewheel = 'javascript:return big(this)' alt="Example of Target (300px) and Context (960px)" src="https://onenote.officeapps-/o/GetImage.ashx?Fi=SDEA85A!29691&C=1__SKY-WAC-DF-WSHI&ak=m%3Den%2Dus&ObjectDataBlobId={7-40bb-96f6-a8}{1}&usid=c52bd5b6-b2-71ecd492de0a" />
图1&实例：目标宽度（300px)和上下文宽度（960)像素&
在图1中,例如,深灰色区域宽度为300px，包含在宽度为960px的浅灰色区域中.这里,960像素区域是上下文元素,300像素区域是目标元素,所以我们的数学公式是:&300&&&960 = 0.3125&
0.3125这个结果需要变成浏览器可识别的数值,&因此需要转化成一个比例值,&将小数点右移两位，变成31.25%&即可。然后在CSS中,将元素的宽度设定为这个比例值:&
aside{&&background-color:#ccc;&&float:left;&&width:31.25%;&&}&&
公式虽然看起来很简单，但我知道必须在实际的网站中检验一下才行。幸运的是，我最近加入了EE播客，正在重新设计那个网站。当我的搭档给我她的&PS&设计文件时，我就决定将它打造成灵活布局的网站。&
我首先记录下所有元素的像素宽度。（在排版设计事，我们没有严格遵循网格布局，这也是我建议的做法）正如你在图2中看到的。整体宽度为940像素，Logo，主持人介绍和分享链接都有它们各自的像素宽度。&
498)this.width=498;' onmousewheel = 'javascript:return big(this)' alt="Pixel Widths for the Main Page and Header Elements" src="https://onenote.officeapps-/o/GetImage.ashx?Fi=SDEA85A!29691&C=1__SKY-WAC-DF-WSHI&ak=m%3Den%2Dus&ObjectDataBlobId={-6482-4fbb-9f64-20c00633ca5e}{1}&usid=c52bd5b6-b2-71ecd492de0a" />
图2&主页和顶部导航元素的像素宽度&
按照&Ethan&的公式，整体宽度940px就是我的上下文宽度，根据它就可以确定所有元素的比例宽度.&
Logo: 240&&&940 = .&
主持人介绍: 436&&&940 = .&
分享链接: 90&&&940 = .&
随后我将这些浮点值转换成百分比值，运用到我的CSS中：&
#logo&a{&&width:25.5319148%;&&}&&#hosts{&&width:46.3829787%;&&}&&#push{&&width:9.574468%;&&}&&
我没有对这些百分比值进行四舍五入，而是直接运用在CSS中。我也从来没有遇到过任何浏览器对这样精度的百分比值识别错误的情况(包括IE)。&&&
同时，我为每一个百分比值都注释了计算它所用到的目标宽度和上下文宽度，这对于今后的开发来说是非常重要的参考。&&
确保你的上下文宽度是正确的&
只要你的数学计算是正确的,那么将宽度值转化为比例值的过程就是很简单的,或者,更具体地说,只要你的上下文宽度是对的，那么你得到的比例值也就是正确的.&
实战中,&我通过计算得到的比例值很少会出错，除非我将上下文宽度搞错了。&
像图3中标示,主持人信息是一个包含&dt&, &dd&, &a&等元素的定义列表&dl&，这些元素的宽度值各不相同.&
498)this.width=498;' onmousewheel = 'javascript:return big(this)' alt="Pixel Widths for the &dl&" src="https://onenote.officeapps-/o/GetImage.ashx?Fi=SDEA85A!29691&C=1__SKY-WAC-DF-WSHI&ak=m%3Den%2Dus&ObjectDataBlobId={14a-4fe9-afd9-eb}{1}&usid=c52bd5b6-b2-71ecd492de0a" />
图3 &dl&的宽度&
刚开始计算的时候,我先用960像素作为我的上下文宽度,因此&dt&的宽度比例为:&116&&&960 = .&
但是这个比例值(12.0833333%)不是我要的正确尺寸.直到我意识到我的上下文宽度是不同的,我才得到了正确的比例值.&
对于&dt&来说，它的上下文元素实际是它的父元素&dl&，宽度为436像素。因此我改变了一下参数，并计算出了我需要的百分比：&116&&&436 = .&
如果你计算的比例宽度有任何问题，请先检查一下选定的上下文宽度是否正确，这会帮你省不少事。&
成比例的字号&
我将变得更加&灵活&的第二步是使用比例字号，它和比例宽度的道理是相同的：将固定的像素值变成比例值，字体的比例值使用em进行计算.&&&
要计算比例em，使用相同的公式(目标宽度&&上下文宽度&=&结果)即可,字体的上下文宽度就是它基本字号，通常在body元素中定义：&
body&{&&font:&100%/1.5&&Open&Sans&,Arial,Helvetica,sans-&&}&&
大多现代浏览器的基本字号是16px，如果你设定的比例字号是100%，字号同样也是16px.&&
现在，我们来考虑一下主持人名字的字号，在版式设计时设定的是12px，使用公式12&16=.75就得到了它的em值。这个浮点数不用转换成百分比值就能直接在CSS中使用：&
#hosts&dd{&&font-size:.75em;&&}&&
成比例的padding和margin&
对于padding和margin来说,那个神奇公式同样有效.&让我们考虑一下主持人信息当中，右margin被设定为20像素的&dt&元素(图3).为了得到这个margin的比例值,我使用了和计算比例宽度相同的公式:&20&&&436 = .&
将小数点右移两位,得到的百分比值可用到CSS中：&
#hosts&dt{&&margin-right:4.5871559%;&&width:26.6055045%;&&}&&
对于padding的计算来说也是一样。&
498)this.width=498;' onmousewheel = 'javascript:return big(this)' alt="Horizontal Padding for Main Containers" src="https://onenote.officeapps-/o/GetImage.ashx?Fi=SDEA85A!29691&C=1__SKY-WAC-DF-WSHI&ak=m%3Den%2Dus&ObjectDataBlobId={7f9b9f82-b517-4b27-9cf7-ba441a0f7c41}{1}&usid=c52bd5b6-b2-71ecd492de0a" />
图4&主区域的横向padding&
的主区域（如图4所示）的宽度为940px，同时左右各有40px的横向padding。我使用目标宽度(40px)除以上下文宽度(940px)得到它们的比例宽度：&
header,footer,.wrap&{&&padding-right:4.25531%;&&padding-left:4.25531%;&&width:79.3%;&&}&&
这个公式对于横向padding比例宽度的计算有一个特例：对于padding而言，上下文元素永远都是这个元素本身，无论父元素的宽度是多少。&
例如图5所示的分享链接,文字左侧均有25像素的横向padding来放图标.&&
498)this.width=498;' onmousewheel = 'javascript:return big(this)' alt="Context for Padding" src="https://onenote.officeapps-/o/GetImage.ashx?Fi=SDEA85A!29691&C=1__SKY-WAC-DF-WSHI&ak=m%3Den%2Dus&ObjectDataBlobId={7eb54f4f-b530-c81ae395e9}{1}&usid=c52bd5b6-b2-71ecd492de0a" />
图5 padding的上下文宽度&
计算此padding的比例值时,应将这个元素本身的宽度(90px)作为上下文宽度，而不是父元素的宽度940px.（图2）&
25&&&90 = .&
因此padding的百分比值设定为:&
#push&li&a&{&&padding-left:&27.7777777%;&&&}&&
到目前为止，我们已经严谨地计算了左右的水平值，但是我们在x轴和y轴方向都会设定padding和margin，这就意味着，上下文宽度应该依据水平或垂直方向而变化。&
正如你之前看到的那计算，水平方向的百分比值，都是以父元素的宽度作为上下文宽度的（padding是除外）。与此同时，纵向em值是以基本字体大小作为上下文值的。&
如果你还记得成比例的字号的计算那一部分内容，我们为设定的基本字体大小是16px.&所以，如果我想指定纵向的margin和padding，上下文高度值就是16px.&此外，纵向值应该用em表示，不是百分比 &和成比例的字号的单位一样。&&
这个网站的&header&和&footer&都有纵向的padding：&header&有20px的顶部padding，&footer&有20px的底部padding。(见图4)&
要确定这些padding比例值，我将16px作为上下文高度值(也就是基本字体的大小)，并使用相同的公式进行计算：&20&&&16 = 1.25&
请记住，垂直方向上的比例值应该以em为单位。也就是说可以在CSS中直接使用浮点值，不用转换成百分比：&
header,footer,&.wrap{&&padding:1.25em&4.25531%;&&width:79.3%;&&}&&
这里，我将横向和纵向的padding值都简写了，修改了一些注释的内容，以便为今后的开发提供能多参考。&
padding:1.25em&4.25531%;&&
在这些注释中，我将顶部和底部的值都用TB-&前缀进行标识，左右的值用RL-前缀。这仅仅试是帮我记录这些比例值是如何计算的。你同样可以使用自己熟悉的格式或者语法，强烈建议你花些时间去记录他们。&
成比例的高度&
在开发当中，我通常不会指定高度值。但是在EE Podcast网站中需要做很多高度的设定，比如，&header&的高度设定为148像素。&
为了得到一个成比例的高度值，我用和计算水平值一样的方法：上下文高度是基本字体的字号，因此&header&的高度为：&
148&&&16 = 9.25&
我把结果用em做单位加到CSS中：&
header{&&height:&9.25em;&&padding:.4375em&4.25531%&0;&&&}&&
灵活的图片&
EE Podcast网站没有太多的内置图片，只有一些背景图片。目前我还没决定对这些图片做什么设置，因此也没有什么可以向你展示的技术流程。&
我唯一能做的就是向你分享一些我正在参考的网站，它们帮我决定是否有必要在我们的网站上使用灵活的图片布局。&
&对于背景图片来说，我更关注是否会派上用场。对内置图片来说，&
&有着不错的浏览器支持，可以用在溢出旁边。&
独立工作流&
我们已经讨论了如何使的页面布局变得更加&灵活&。我应该说明一下这是个个人项目，因此会在时间允许的情况下来完成它。因此，我实现网站灵活布局的过程是一个迭代的过程。从转换固定宽度开始，慢慢使他能够响应不同的分辨率，整个过程花费了4个月的时间（包括那些和数学作斗争的烦躁不安的时间）。&
最终我完成了一个独立的工作流&
1.我首先直接利用PS设计稿完成了一个固定宽度的站点&
2.把所有宽度变为百分比，除了主容器的宽度，设置为固定的940像素&
3.把所有字体单位变成比例字号em&
4.把所有的margin和padding变成百分比，然后把水平margin和padding变成单位为em的值&
5.最终我将940像素变成一个百分比&
为什么用这个流程？主要是因为，作为一个应用灵活布局的新手，我希望首先确保自己有一个使用指定像素值的核心的布局（并且在所有浏览器上都能很好地显示）。我的逻辑是，我可以一边测试，一边慢慢地使设计百分比化，但是总能知道基本版式（固定宽度版本）的样子。&
另外，这个网站会在我完成这个流程之前上线。因此，我将它拆分成可管理的模块，以便在不影响基本功能的前提下在本地测试新功能，在确保这些功能达到预期之后发布它们。&
我不打算继续使用这样的工作流了，因为它太费时间，在下一次灵活布局的尝试中，我决定在开始的时候就使用百分比。&
但是这种工作流的确给我教会了我很多东西：你可以在同一个布局中同时使用固定尺寸和百分比尺寸而不会引发任何问题（前提是你的数学公式是正确的）。如果你觉得使用百分比值有点儿困难，可以使用我尝试的这种方法：从固定的像素值开始，慢慢替换成百分比值。&
接下来要做什么？.&
即使灵活式的布局解决了大量不同分辨率的自适应问题，仍然需要media queries。也就是说，灵活和流动的布局只是响应式网页设计的一部分。&
以图6为例，这张图展示了在一个24英寸桌面（1910 x 1200的分辨率）的灵活布局。这里，每个元素都是成比例的，但是仍然可以调整一些细节使得浏览体验变得更好，比如使Logo和主持人信息之间的距离变得小一点。&
498)this.width=498;' onmousewheel = 'javascript:return big(this)' alt="1910 x 1200 Resolution" src="https://onenote.officeapps-/o/GetImage.ashx?Fi=SDEA85A!29691&C=1__SKY-WAC-DF-WSHI&ak=m%3Den%2Dus&ObjectDataBlobId={e242ab91-28a3-4c3c-bb72-fe}{1}&usid=c52bd5b6-b2-71ecd492de0a" />
图6 1910 x 1200&分辨率&
同样，图7中的行文字长度在这个分辨率下变得不适于阅读。&
498)this.width=498;' onmousewheel = 'javascript:return big(this)' alt="Line Lengths at 1910 x 1200 Resolution" src="https://onenote.officeapps-/o/GetImage.ashx?Fi=SDEA85A!29691&C=1__SKY-WAC-DF-WSHI&ak=m%3Den%2Dus&ObjectDataBlobId={feae67dc-51e3-45a1-aea68}{1}&usid=c52bd5b6-b2-71ecd492de0a" />
图7 1910 x 1200分辨率下的行长度&
在稍小的分辨率下，会出现其他的问题.图8是网站在iPad上（水平方向）1024 x 768分辨率下的样式。比例缩放对自适应起到了一定作用，但是出现了浮动内容的显示错误和需要重新对齐的问题，以及其他的小问题。正如你所看到的，主持人信息跑到到了Logo下面，谷歌日历和.ics下载链接也出现了相似的问题。&
498)this.width=498;' onmousewheel = 'javascript:return big(this)' alt="1024 x 768 Portrait Orientation" src="https://onenote.officeapps-/o/GetImage.ashx?Fi=SDEA85A!29691&C=1__SKY-WAC-DF-WSHI&ak=m%3Den%2Dus&ObjectDataBlobId={6da--c024651bfb96}{1}&usid=c52bd5b6-b2-71ecd492de0a" />
图8 1024 x 768&垂直方向&
在iPhone（垂直方向，320&&&480分辨率下）上，正如你在图9中看到的，比例缩放呈现出了极其糟糕的阅读体验。&
498)this.width=498;' onmousewheel = 'javascript:return big(this)' alt="320 x 480 Resolution" src="https://onenote.officeapps-/o/GetImage.ashx?Fi=SDEA85A!29691&C=1__SKY-WAC-DF-WSHI&ak=m%3Den%2Dus&ObjectDataBlobId={cc-4daa-b55b-adb0dc09b51b}{1}&usid=c52bd5b6-b2-71ecd492de0a" />
图9 320 x 480分辨率&
这些问题可以通过media queries来解决，media queries允许你为不同的设备和分辨率提供不同的样式。（要是你没留意我之前的建议，可以去读&《》）。同时，我也为我的main container设定了最大宽度和最小宽度值，这能让网站在那些我没空去定义media query样式的屏幕分辨率下保持适于阅读的样式。&
header,footer,.wrap{&&&&&min-width:940px;&max-width:940px;&&}&&
Media Queries资源&
到了介绍media queries的时候了，比起写关于Script Junkie文章的那个时候，我现在感觉自如多了，这多亏了很多（对我来说）新的工具和资源：&
&想要在不同设备和分辨率下测试media query&效果？你可以看看,&这并不完美，但我发现很实用&
&Zoe&Gillenwater&(我至今见过的最好的CSS3资源的作者)&最近整合了&&&
&:支持IE6到IE8的CSS3 media query,&通过使用Rock solid, lightweight polyfill增加最大和最小宽度&
对于我来说，将EE播客网站变成灵活式布局的目的是实现响应式网页设计，为我的个人兼职网站加入media queries的目的也是实现响应式网页设计。但是最后，这两个网站呈现的效果都没有完全达到我的目标，但是多亏了这两个经验，我明白了，不可能只通过其中一种方式就实现响应式设计。&
响应式设计不只是流动式的网格布局，也不只是media queries。响应式设计是一种心态，一种工作流，一个不能够（也不应该）被分隔理解的大的概念。特别是当&&，以及&&这些概念随之出现的时候。&
【编辑推荐】
【责任编辑： TEL：（010）】
关于&&的更多文章
当下移动互联网的发展势头迅猛，各式各样的App也在横空出世，最
所以姑娘，让我们做一枚花见花开的程序媛。
首先给大家说说小编一直在玩的游戏--植物大战僵尸。前
外行说“大数据”、内行用“大数据”。不知道大数据，
本周开发频道的重点内容除了7月份的编程语言排行榜外
本书按照人事部、信息产业部全国计算机技术与软件专业技术资格（水平）考试程序员考试大纲编写，是对2004版的修订版，内容包括计
51CTO旗下网站}