海淘科技：响应网页设计这个词还没有被提出之前，网站建设者普遍的做法是准备两种不同的网站程序设计,一个是用户访问web结束,另一个是对最终用户访问wap。这个解决方案是更复杂的,两套程序维护也非常不容易。虽然现在很多CMS网站程序可以有效地保证web和wap网站数据同步,但这并不总是最好的方法来解决这个问题。随着时间移动终端的逐步发展,不同大小的移动设备,原有的两套程序显然已经无法满足各种移动设备,响应式网页设计的提出使这个问题被解决
海淘科技指出：站长们都知道，中小型的网站，很多的站长或企业收入的来源主要是来自第三方的网站广告。响应布局设计是美丽的,但会影响那些固定的广告本身的大小。之前公司接的关于网站建设业务的单子，本来海淘科技打算采取最老式的做法,新增网站的wap版本,但总是不能令人达到满意的测试结果。这个网站最后采取了响应设计布局,且看海淘科技是如何解决问题的吧。
海淘科技指出：其实解决办法很简单，这是本次网站响应式设计测试过程中海淘科技总结出来的心得。首先,按照之前编码的方式，设计出一个网站，例如原始响应的布局是固定大小为宽度1100px的web页面,只要你的访客有宽度大于1100 px,所有模块可以正常显示。所以想问题很简单,我们只需要在不到1100 px设备进行响应代码设计。
在<head>里加入这条元标签，保证移动浏览器中页面将以原来尺寸大小显示且不能缩放：
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
然后基于CSS的媒体查询关于函数的屏幕宽度小于1100 px设备分类、重写模块风格的一部分,来满足需求——响应web页面布局设计。在正常情况下,网站需要重写模块在一个导航栏右边的web模块。重要的是要注意,重写的风格结束使用绝对宽度布局或绝对元素的宽度
以上解释的感觉是很难，但还是实际操作起来并不是很难。很容易总结,当用户持有的设备宽度大于原来的固定宽度,无视响应布局代码;相反的是,当用户持有的设备宽度小于web宽度,以改善用户体验必须分不同的情况对响应式网站分别布局设计点,重新写相应的模块代码风格。
之所以与大家解释的这么详细，是为了那些中小型站长考虑，他们是通过投放广告位来换取的收入，当然对于一些不想再网站上设置广告位的站长或企业，对于响应式尺寸的设置就没有这么多的讲究，可以在网页设计和网页制作网站的最初就采用自适应布局设计。当然,如果你不确定是否在后期添加广告位,可以使用固定尺寸在网络编码方法如下:
1、外部控制web固定像素宽度div的主题是有限的;
2、内部模块相应的div可用原始的尺寸大小除以外层尺寸原始设定的比率;
如此，当我们想要更换网站应用程序的布局,直接改变外div可以固定像素的比例,简单的风格重写部分模块就可以很容易地实现自适应web页面布局。
