响应式网页设计需要多长时间

1、响应式网站一般怎么设计

想要设计出好的响应式的网站的话，一定要有自己的头脑，然后进行一些个性的设计就可以了。

2、响应式网站是什么?建设一个响应式网站要多长时间?网站建设出来能不能有效果

响应式网站是什么呢？对于网站建设来说，面对上述的问题，网站建设中非常重要的工作在于沟通和配合，如果企业能够准确快速的说明你网站的性质，与你所需要的功能和样式，那么开发人员就能更快、更好的帮你做出网站来。 网站建设需要考虑目前你所在行业网站的状况，网站的定位于发展方向，网站的优化推广，网站的营销怎么做。而选择响应式网站建设的优势在于内容可以实时同步更新，更新pc端网站内容后，移动端网站自动同步更新，秒速调整布局，更新省时省力。移动网站智能提速，智能终端图片识别技术，根据浏览设备自动加载响应图片，平均节省图片流量80%以上，下载速度提高5倍以上。网络响应快，用户体验好，二次访问率自然更高。且网站不变无需二次推广，更新pc端网站内容后，移动端网站自动同步更新，秒速调整布局，更新省时省力。

3、响应式网页 界面设计 多大字号

响应式的网页设计，除了布局的变化以外，还有字号的改变。通常使用@media。比如：
h1 {
font-size: 48px;
}
@media (max-width: 767px){
h1 {
font-size: 36px;
}
}

以上的CSS可以让网页在设备屏幕尺寸小于768px的时候，让h1的字号从原始的48px变为36px。在实际的应用中，尤其是h1、h2、h3等等这样的大标题的字号设置，其实还是有一点点的瑕疵。因为可能需要额外多设定几个@media的宽度。
屏幕宽度从1280px、1024px、768px、640px、480px，直到320px，跨度非常大，为了保持比较完美的显示，通常会用Screen Size之类的浏览器插件，来显示不同宽度下布局的显示状况。h1 标签内，因为字号大，字数也或多或少，为保险起见，有时会为每一种屏幕宽度都定制一个合适的字号，这样稍显麻烦。
有一种解决的方案，用Viewport的方法。
%vw = %viewport width

我们用%vw来定义字号，也就是说用屏幕宽度的百分比来定义字号的大小。例如：
h1 {
font-size: 2.5vw;
}

这样一来，无论屏幕宽度如何变化，h1的字号会保持在Viewport宽度的2.5%的大小。

4、响应式网页设计怎么学习 怎么提高学习效率

响应式我是几天就学会的，在这之前只会基本的网页制作，而且还不怎么会处理浏览器兼容。
在制作响应式网页直接，你只需要明确一个要点，就是设计网页布局的时候千万别凌乱，而且要相对严格的控制盒子的位置。
响应式网页我一般的布局是由上至下一个盒子一个盒子的慢慢堆下来，盒子里面再从左至右摆放，严格控制高度宽度不出现超出和错位。这样可以最大避免在进行响应式处理的时候出现各种问题，增加代码量，代码的精简和最开始从布局入手直接决定后面的进展，也是最关键的地方。
其次就是css3各种属性的使用，其实响应式不一定非得h5，主要起作用的就是css3的新支持，对于我的经验而言，本质上说要兼容IE8，用html4比较好。在css3中对于屏幕分辨率的判断（具体代码你可以百度），基本决定了响应式的一切，其实bootstrap的栅格布局就是很好的参考，不同分辨率下不断减小的div宽度，和自动跟随内容增长的盒子高度，都是很好的借鉴。
同时响应式也需要一些js的基础，对于屏幕分辨率的监控，我现在对于兼容问题就完全靠js来解决了。

上述这么多就是个人经验的简述，其实关键是html的基础决定了一切，只要做多了实际项目，你的思路就会变得非常明确。
我当时是怎么学会的呢？答案是公司逼的，学不会响应式就可能过不了考核期，于是自己短短四天就做项目学会了，最明显的感觉就是，只要项目做多了，甚至是研究其它网页的代码，都可以感觉到其中的规律。

5、响应式网页设计通常几个分辨率的页面啊？

页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多方面组成，包括弹性网格和布局、图片、CSS media query的使用等。所以要区别看待。
PSD做1366*768的尺寸，网页顶部、底部、导航条部分需要百分百宽 内容根据PSD设定具体像素

6、网页设计中响应式具体怎么实现？

响应式网页设计现在无疑是一件大事情。如果你还不了解响应式设计，可以看看我最近发表的响应式站点列表（译者注：可以好好看看示例中的网站在不同分辨率下的展现方式）。对新手来说，响应式设计可能有一点复杂，但是事实上比你想象的简单。为了帮助你迅速的了解响应式设计，我起草了一篇快速教程。你可以在3个步骤中学习到响应式设计和媒介查询（Media Queries）的基本原理（假定你了解基本的CSS知识）。

第一步：Meta标签

大多数移动浏览器将HTML页面放大为宽的视图（viewport）以符合屏幕分辨率。你可以使用视图的meta标签来进行重置。下面的视图标签告诉浏览器，使用设备的宽度作为视图宽度并禁止初始的缩放。

第二步：HTML结构

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

第三步：媒介查询-Media Queries

CSS3 Media Query-媒介查询是响应式设计的核心。它根据条件告诉浏览器如何为指定视图宽度渲染页面。

当视图宽度为小于等于980像素时，如下规则将会生效。基本上，我会将所有的容器宽度从像素值设置为百分比以使得容器大小自适应。

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

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

你可以根据你的喜好添加足够多的媒介查询。我在示例中仅仅展示了3个媒介查询。媒介查询的目的在于为指定的视图宽度指定不同的CSS规则，来实现不同的布局。媒介查询可以写在同一个或者单独的样式表中。

7、什么是响应式网页设计

响应式Web设计(Responsive Web design)的理念是:页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多方面组成，包括弹性网格和布局、图片、CSS media query的使用等。无论用户正在使用笔记本还是iPad，我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等，以适应不同设备;换句话说，页面应该有能力去自动响应用户的设备环境。响应式网页设计就是一个网站能够兼容多个终端--而不是为每个终端做一个特定的版本。这样，我们就可以不必为不断到来的新设备做专门的版本设计和开发了。

8、响应式网页设计和自适应的区别

通俗的说，自适应网页设计也是响应式网页设计，响应式网页设计也是自适应网页设计。但是真正的细分起来，自适应只是响应式的一个子集，指网页中整体大图的自适应或者banner的自适应。

响应式设计可以一个网站兼容多个不同终端

响应式网页设计优势：流体网格的网站适合响应式网页设计。

1、灵活性强，可以适应不同分辨率的设备

2、方便快捷的解决多设备显示适应问题

自适应网页设计优势：固定断点的网站适合自适应网页设计。

1、实施起来代价更低，测试更容易

2、自适应布局可以让设计更加可控，因为其只需要考虑几种状态就可以了

虽然响应式/自适应网页设计会带来兼容各种设备工作量大、代码累赘、加载时间长的缺点，但它们能“一次设计，普遍适用”，可以根据屏幕分辨率自适应以及自动缩放图片、自动调整布局，这些不只是技术的实现，更多的是对于设计的全新思维模式。

9、公司要做一个H5响应式网站大概需要多少钱

主要看您需要的是什抄么功能，是定制开发还是模板网站，模板网站的话就很便宜，大概500-1000就能做了，定制网站的话相对来说价格稍微高些，大概是3000-10000左右，定制开发一般价格都是根据客户的需求来定制的，服务的话也是比较好的，由专业的网站设计师根据您公司的信息设计页面，排版方式也是根据一下SEO技巧排版，有助于官网的排名保障。如果您需要做网站的话，建议您还是做定制开发的网站。

10、响应式网站设计需要什么条件

1、网站美工的精细程度一个好的网站他的美工这块一定做的相当不错，因为我们的大部分客户看一个网站的时候基本上都是从他的美工这块来看的。一个好的网站，他网站的细节处理的一定很到位，包括产品的图片，文字的排版等等这些一定很到位的。
2、网站的兼容性这块我们能经常看到一些网站在ie浏览器下面看是正常的，但是换了个其他浏览器的时候就会变形的一塌糊涂那么这样的网站肯定算不上是什么好的网站。
3、从网站的定位来看网站设计的好坏，因为网站的定位清新才能获得更高的客户转化率，做网站之前一定要户再三确定好整体网站的定位，明确好建站的目的，只有这样才可以有一个核心的把握点，才能够围绕这个目的去设计，自然而然制作出来的网站就可以非常直观的展现在访客面前，访客也愿意看到这样的网站。
4、从整体结构把握网站建设制作的好坏，为什么这么说呢，因为网站结构制作的好不好意味着每一位访客是否能够通过浏览网站方便快捷的查找到自己想要看到的信息和内容。网站制作者为了实现这种效果，往往会采取这样的方式：网站不同的页面都有相对独立且带有有效关键词的标题，每个网页还有特别设计的META标签。
5、 从页面分割的角度来把握网站建设制作的好坏，页面分割常用于网站首页，即把整个页面合理的分成几个小块，这些小块之间会给人带来视觉上的差异，这样就能够使访客在看网站的时候一目了然。其实，也有人把网页设计中的这些有效分割当作是对页面内容的一种分类归纳。
6、从页面和谐的角度来把握网站建设制作的好坏，网站页面的和谐不仅体现在结构形式上，还得看作品所形成的视觉效果能否与人的视觉感受形成一种沟通，产生心灵的共鸣。这是设计能否成功的关键。
想要做好一个响应式网站，更多的是需要你耐心寻找问题，从而进行修改，在不断的调试和修改，你的网站才能变得更好。