甜橘子，专注成都网站制作网站设计与营销型网站建设与优化
QQ :532337155
电话：028-86922220
专注于为中小企业提供成都网站制作、成都网站建设、外贸营销网站建设服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业驻马店免费做网站提供优质的服务。我们立足成都，凝聚了一批互联网行业人才，有力地推动了上千企业的稳健成长，帮助中小企业通过网站建设实现规模扩充和转变。
响应式就是根据屏幕分辨率来展现网站样式，保证网站兼容不同的设备
响应式网站可以在手机电脑平板等设备上面都能正常显示，其他网站就不一定了
响应式网站会随着你屏幕尺寸的变化而动态变化。显著的例子，就是拿一个浏览器，比如IE,Chrome，通过改变浏览器窗口的大小，网站排版会相应变化，这就是响应式网站，否则就是非响应式。如果要做响应式网站，一些框架是必须的。比如Bootstrap.
响应式网站可以在手机电脑平板等设备上面都能正常显示，其他网站就不一定了
还是有区别的，不知道你说的响应式是全响应还是半响应，如果是全响应式的，那么设计时就要考虑这个网站在PC\手机\iPad等平台时的变化是否可行，这个只要做一个PC端的就行啦，其他两个可以通过代码实现，如果是半响应式的，那么就要单独做三个不同载体的设计了，然后通过代码判断从后台调用哪一个，至于滚动侦测网页，就按平常正规网页设计就行啦，这只是我个人观点，仅供参考！
padding-top 直接加给 body 而不是标题即可；你应当把页面全体（除了置顶的 navbar 以外）看做一个“容器”，而不是因为看到标题被遮住就以为只是标题出了问题。头疼医头，脚疼医脚的视野和观念是永远也写不出优雅的 css 的（同理适用各种语言……）。
响应式网站的好处： 1、有助于接触更多手机和平板电脑用户： 响应式网站的兴起是平板电脑和手机有大量普及以及互联网使用不断增加的必然结果。响应式网站的最大优势在于能兼容各种设备，而非使用传统方式将用户跳转至设备专用网站 许多经营在线业务的用户仍不理解何为响应式设计布局，但是他们迟早需要深入了解相关概念。若您正为了接触更多客户而寻求优化在线内容，采用响应式设计网站不失为一个理想的选择，因为平板电脑的销量今年预计将超过一亿台。制作无论屏幕大小都可以高效响应的网站从未像现在这样重要。随着移动设备的多样化，有些网站的流量甚至出现了 50% 的增长。
2、提高转换率和销量： 响应式网站意味着您无需在网站设置跳转，从而极大完善了用户体验，这也是响应式网站的最大优势所在。另外，使用集成式设计和 CSS 表单一类的功能使网站无论在何种设备上都能营造出风格一致的感觉和外观。若熟悉这种布局，用户可以在任何设备上轻松浏览您的网站，进而提高转换率。
3、有助于搜索排名： 在搜索引擎(尤其是谷歌)中排名靠前是每个网站的终极目标，具有响应式设计布局的网站有助于达成这个目标。首先，维护此类网站所需的时间缩短，响应式网页开发让您集中精力维护管理一个兼容所有设备的网站，谷歌已明确表示支持响应式技术。
4、报告和分析整合： 若使用传统网站而非响应式网站，您就需要多个网站来适应不同浏览平台。这让您跟踪网站的访客总数、单个和总体转换率以及从一个网站移至另一个网站的访客数量变得十分困难。与之形成鲜明对比的是，响应式设计网站配有优化的分析程序，可处理响应式报告并应对多台设备，把所有分析和报告整合为一份，在简化监控和维护的同时继续保证网站正常运行 5、节省开发投入： 摒弃传统网站，选择响应式网页，单从开发阶段就能为您节省大量时间和金钱。别忘了为不同的设备同时开发多个网站，意味着后期也需要更多的开发支持费用和维护成本。您最好将响应式网站测试技术运用到响应式网站，这将大幅减少您的支出。
响应式网站可以根据不同屏幕尺寸的设备自动布局调整显示内容位置，区别在于比如传统网站需要单独做个手机端页面，并且有两个URL网址，而响应式网站，在手机端同样能访问，电脑端和手机端用的是同一个网址
响应式网站又称响应式网站布局、响应式网站设计、响应式网站建设，是一种网络页面设计布局。其理念是：集中创建页面的图片排版大小，可以智能地根据用户行为以及使用的设备环境进行相对应的布局。响应式的设计和开发思路让页面更加“弹性”了，图片的尺寸可以被自动调整，页面布局再不会被破坏。虽然永远没有最完美的解决方案，但它给了我们更多的选择。无论用户切换设备的屏幕定向方式，还是从台式机屏幕转到ipad上浏览，页面都会真正的富有弹性。简单地说，响应式网站可以自动适应不同分辨率的电脑端显示器屏幕，也可以适应各种大小不同的手机屏幕、ipad屏幕等，而您不需要为不同的屏幕分辨率单独制作一套模板，切实节约公司或企业对网站部署和开发的成本。传统企业网站，就是大家所接触到的普通意义上的企业或公司网站。
一、自适应网站与响应式网站的区别1、自适应网站是使用不同设备浏览时呈现不同的网页，网页内容及版式风格或相似或完全不同，和PC端属于不同的网站模板，数据库内容或相同一致，或独立不同，目的在于为了符合访客的浏览。针对一些优化人员，更习惯于做到数据库同步，使PC端的网址和内容与移动端的网址和内容一一对应。
2、响应式网站是使用不同的设备浏览网站时，网站样式风格、内容和网址都是完全一样的，PC端和移动端属于同一个网站模板，数据库完全一致，也非常符合搜索引擎的优化规则。
二、自适应网站与响应式网站的好处和弊端1、自适应网站和响应式网站各自的好处自适应网站可以独立设计，做任何自己想要的风格，还可以做到数据库同步，设计方案灵活，可独立优化符合搜索引擎的规则。响应式网站更加方便浏览，能够增加访客的体验度，无需再单独设计制作手机站，PC站即是手机站，对于优化来讲，权重不分散，更加符合搜索引擎的规则。
2、自适应网站和响应式网站各自的弊端自适应网站的手机站有时无法做到与PC站内容完全一致，且工作量大，自适应手机站往往使用不同的子域名或目录跳转，对于优化来讲权重分散，访客浏览体验仍有缺陷。响应式网设计往往风格有些局限，对于复杂的框架结构难以实现，三、如何选择使用自适应网站还是响应式网站1、一般使用自适应网站的手机站主要因为自己在建设手机站之前已经有了PC站，PC站不能做到小屏幕设备适中浏览，又不能进行大改版影响网站优化，故此建设自适应的手机站跳转来实现手机、ipad等符合浏览，手机站数据库一般为同步。成都响应式网站建设我选的成都指尖时代做的服务好 服务专业！2、响应式网站往往是建设新站时设计，之前无PC站或手机，不需要顾及网站优化及数据同步，可设计为响应式网站，响应式网站更加符合访客浏览，增加网站体验度，也更符合网站优化工作。
通俗的说，自适应网页设计也是响应式网页设计，响应式网页设计也是自适应网页设计。但是真正的细分起来，自适应只是响应式的一个子集，指网页中整体大图的自适应或者banner的自适应。响应式设计可以一个网站兼容多个不同终端响应式网页设计优势：流体网格的网站适合响应式网页设计。
1、灵活性强，可以适应不同分辨率的设备2、方便快捷的解决多设备显示适应问题自适应网页设计优势：固定断点的网站适合自适应网页设计。
1、实施起来代价更低，测试更容易2、自适应布局可以让设计更加可控，因为它只需要考虑几种状态就可以了虽然响应式/自适应网页设计会带来兼容各种设备工作量大、代码累赘、加载时间长的缺点，但它们能“一次设计，普遍适用”，可以根据屏幕分辨率自适应以及自动缩放图片、自动调整布局，它们不只是技术的实现，更多的是对于设计的全新思维模式。
静态布局（static layout）即传统web设计，对于pc设计一个layout，在屏幕宽高有调整时，使用横向和竖向的滚动条来查阅被遮掩部分；对于移动设备，单独设计一个布局，使用不同的域名如wap.或m.。自适应布局（adaptive layout）自适应布局（adaptive）的特点是分别为不同的屏幕分辨率定义布局。布局切换时页面元素发生改变，但在每个布局中，页面元素不随窗口大小的调整发生变化。你可以把自适应布局看作是静态布局的一个系列。流式布局（liquid layout）流式布局（liquid）的特点（也叫"fluid") 是页面元素的宽度按照屏幕进行适配调整，主要的问题是如果屏幕尺度跨度太大，那么在相对其原始设计而言过小或过大的屏幕上不能正常显示。响应式布局（responsive layout）分别为不同的屏幕分辨率定义布局，同时，在每个布局中，应用流式布局的理念，即页面元素宽度随着窗口调整而自动适配。可以把响应式布局看作是流式布局和自适应布局设计理念的融合。恩恩大概就是这样。