一、响应式网站建设设计 vs 适应式设计看似相同实则不然。这两种设计方式彼此相辅相成，所以说也没有对错之分。具体情况要依内容而定。二、内容流随着萤幕尺寸越来越小，内容所占的垂直空间也越来越多，也就是说，内容会向下方延伸，这就叫做内容流。如果您习惯了使用画素和点进行设计，可能会觉得这个有点难掌握。不过没关系，习惯了就很好理解了。三、相对单位您的设计物件可能是台式桌面，也可能是移动端萤幕或者介于两者之间的任意萤幕型别。画素密度也会彼此不同，所以我们需要使用灵活可变，并且能够适应各种情况的单位。那么在这种情况下，百分比等相对单位就派上用场了。使用百分比时，我们说宽度 50% 就是表示宽度占萤幕大小（或者叫视区，也就是指所开启浏览器视窗的大小）的一半。四、断点断点可以让页面布局在预设的点进行变形，也就是说，在台式桌面上显示 3 栏，在移动装置上仅显示 1 栏。大多数 CSS 属性都可以实现断点之间的变形。断点放置的位置通常取决于内容。比如，如果一句话要换行，您可能就需要加上断点。但断点使用时需要谨慎——如果搞不清内容之间的逻辑关系，很容易弄的一团乱。五、最大和最小值有时候内容占满整个萤幕宽度（例如在移动装置上）是好事，但如果相同的内容在电视萤幕上也撑得满满的，貌似就不太合理了。这就是为什么要有最大/最小值。例如，如果宽度为 100%，最大宽度 1000px，那么内容就会以不超过 1000px 的宽度填充萤幕。六、巢状物件还记得相对位置吗？如果一大堆要素彼此都紧密联络，那么必将难以控制。因此，将要素放置到容器中就会让它们变得更加好理解，并且简洁明快。这种情况就需要用到画素之类的静态单位了。静态单位对于 logo 和按钮等不需要扩充套件的内容来说非常有用。七、移动优先还是台式桌面优先严格来说，专案从小萤幕入手过渡到大萤幕（移动优先），还是从大萤幕入手过渡到小萤幕（台式桌面优先）区别不大。但是，从移动端着手可以给您带来一些额外的限制，帮助您进行决策。通常情况下大家会从两方面同时着手，所以您还是要看哪种方式最适合您。八、网站字型 VS 系统字型想让自己的网站拥有炫酷的 Futura 或 Didot 效果吗？那就是用 web 字型吧。尽管 web 字型看起来很炫酷，但您要记住，这些字型都需要多用户下载，字越多，多用户载入页面的时间也就越长。另一方面，系统字型载入速度则快得多（前提是多用户本机就有），但太过普通。响应式网站建设在国内企业网站方面发展迅猛，区别一般网站和响应式网站最简单的方法就是测试是否能够相容其他终端装置，如手机端、智慧平板及尺寸不一的笔记本。所谓响应式网站就是能够同时相容上述装置的网站，在技术上更为先进，将该技术运用于企业网站能够大大提升企业形象，提升网站多用户体验度。能有效抓住一些其他终端的潜在客户，更重要的一点就是，可以随时随地向客户展示自己的网站。
